最近被分派了大屏类的项目,里面有需要用到Highcharts的3d饼图,想记录下关于这个开发过程中遇到的一些坑。
关于引入Highcharts文件后,图表下方会自带有一个highcharts.com的链接,影响美观。
var option1 = {
chart: {
type: 'pie',
backgroundColor: 'transparent',
options3d: {
enabled: true,
alpha: 50,
beta: 0,
depth: 0,
},
},
credits: {
enabled: false //不显示LOGO(这个设置就是去除链接的作用,跟title是同级)
},
// title不可注释 会造成饼图位移
title: {
text: ''
},
tooltip: {
pointFormat:'{point.y}'
}
2.在拿到后端接口,要渲染数据的时候,当时后端给的字段数据是 {name: 'xx', value: 9143.16},此时饼图旁边的legend图例是可以正常渲染出来的,但是图表本身渲染不出来,然后经过一番查资料,才发现value这个字段估计是关键字,不能用,正确的数据字段是{name: 'xx', y: 9143.16},修改成y就可以正常渲染啦