javascript – 在highcharts条形图上打印一个值?

前端之家收集整理的这篇文章主要介绍了javascript – 在highcharts条形图上打印一个值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用highcharts.js创建了条形图.我将设备名称添加为y轴,数据包以字节为单位添加x轴.如何在条形图栏上添加设备联系时间.我在数组中有设备联系时间.我想要一种打印方式,即时间值在条形图上?

解决方法

您可以通过启用dataLabel并自定义它们来完成此操作.您还需要以特定方式格式化数据: @H_502_6@$(function () { $('#container').highcharts({ chart: { type:'bar',},xAxis: { categories: ['Device 1','Device 2'] },plotOptions: { series: { dataLabels: { enabled: true,formatter:function() { return this.point.t; } } } },series: [{ data: [{y:29.9,t:"12:45"},{y:71.5,t:"14:45"}] }] }); });

http://jsfiddle.net/NPSEf/

此示例中的数据有一个额外的字段’t’,其中包含您想要在条形图上显示的时间.在dataLabel formatter函数中,您可以引用每个点内的所有数据,包括使用this.point.t的’t’.

猜你在找的JavaScript相关文章