3D动画效果饼状图

这篇博客展示了如何使用JavaScript库AmCharts.js实现一个交互式的饼图,通过varchartData数据展示了不同城市的数据分布,并详细介绍了如何配置图表标题、字段和样式。

下载地址

引用jsamcharts.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");});

258_2351a89119b2529f8c7bb54cf196d45c.png

dd:

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值