3D动画效果饼状图1228
引用js
amcharts.js
调用
var chart;
var legend;

var chartData = [{
    country: "上海",
    value: 260},
{
    country: "北京",
    value: 201},
{
    country: "成都",
    value: 65},
{
    country: "武汉",
    value: 39},
{
    country: "天津",
    value: 19},
{
    country: "乌鲁木齐",
    value: 10}];

AmCharts.ready(function() {
    // 饼图
    chart = new AmCharts.AmPieChart();
    chart.dataProvider = chartData;
    chart.titleField = "country";
    chart.valueField = "value";
    chart.outlineColor = "";
    chart.outlineAlpha = 0.8;
    chart.outlineThickness = 2;
    // 3D
    chart.depth3D = 20;
    chart.angle = 30;

    // 图形写入
    chart.write("chartdiv");
});

技术讨论区(8 个讨论)

  1. 你   就是你的命运 8

    你 就是你的命运

    不错 要是有中间是空的就更好了

    2018-5-21 10:50:54 | 回复

  2. 蹲墙角沉默 7

    蹲墙角沉默

    我只想问问那个链接怎么弄掉

    2016-12-21 14:32:34 | 回复

  3. .............. 6

    ..............

    如何调整颜色 我就显示三个

    2016-3-16 17:04:41 | 回复

  4. itboy 5

    itboy

    试试看,还没用过哦,还要积分

    2015-12-31 15:23:22 | 回复

  5. 飞得更高 4

    飞得更高

    这种风格的效果挺不错的

    2014-10-17 11:06:02 | 回复

  6. 飞得更高 3

    飞得更高

    效果做得不错

    2014-10-17 10:59:26 | 回复

  7. 如何 2

    如何

    amcharts不是FLASH吗?

    2014-9-9 14:23:16 | 回复

  8. 一朵思念 1

    一朵思念

    好东西,很实用

    2014-6-21 9:54:50 | 回复

  9. 请先登录

      发 布