html自定义图例,javascript – ChartJS v2.0的自定义图例

我正在尝试在ChartJS v2.0中创建自定义图例模板.在ChartJS的v1 *中,我只是向新的Chart构造函数添加了一个属性,例如……

legendTemplate : '

  • '

+''

+'

'

+'\">'

+''

+'

'

+''

+'

'

我似乎无法在v2.0中找到此选项的任何文档.它甚至可用吗?任何人都可以展示如何实现这一目标的例子吗?

谢谢!

更新 – 下面的工作代码

legendCallback: function(chart) {

console.log(chart.data);

var text = [];

text.push('

  • ');

for (var i=0; i

text.push('

');

text.push('' + chart.data.datasets[0].data[i] + '');

if (chart.data.labels[i]) {

text.push(chart.data.labels[i]);

}

text.push('');

}

text.push('

');

return text.join("");

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值