$(function () {
$('#container').highcharts({
chart: {
marginBottom: 80
},
xAxis: {
labels: {
align: 'left',
x: 1,
y: 50
},
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
labels: {
align: 'left',
x: 1,
y: -20
},
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
})
})
echarts控制圆饼图的大小代码及方法如下:
1、新建静态页面pie.html,并引入echarts核心js文件。
2、在<body></body>元素内插入div饼图容器,设置其宽度和高度。
3、编写生成饼图图形的核心代码,有数据源和样式。
4、预览该静态页面,查看饼图效果,分别点击饼图块。
5、添加饼图块图例切换事件,并打印出饼图参数,更改参数值即可实现圆饼图大小的控制。
6、再次预览该界面,可以查看到饼图效果,并点击饼图分块。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)