关于Highcharts踩过的坑

最近被分派了大屏类的项目,里面有需要用到Highcharts的3d饼图,想记录下关于这个开发过程中遇到的一些坑。

  1. 关于引入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就可以正常渲染啦

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值