如何解决如何在海图图表的工具提示中插入数据?
我有一个这种类型的json文件:
[["SSL Certificate Signed Using Weak Hashing Algorithm",4500,"98","10980"],["SSL Self-Signed Certificate",2000,"-1"],...]
和javascript代码:
$(document).ready(function() {
var options = {
chart: {renderTo:'grafico1',type:'column'},series: [{ }]
};
$.getJSON('json.json',function(data){
options.series[0].data = data;
var chart = new Highcharts.Chart(options);
});
});
在生成的图形中,各列完美地指示了数组的数值。除了数值外,数组的第一个元素也会正确显示在工具提示中。我希望数组的第三个和第四个元素出现在工具提示中,我该怎么办?
解决方法
- 使用键功能将这些值锚定到点对象中,
- 使用
tooltip.formatter
回调设置显示的工具提示的格式,
演示:https://jsfiddle.net/BlackLabel/jrhdg7ue/
tooltip: {
formatter() {
let output = `<span style="font-size: 10px">${this.key}</span><br/>` + `<span style="color:${this.color}">●</span> ${this.series.name}: <b>${this.y}</b><br/> value: ${this.point.value} <br/> value1: ${this.point.value1}`
return output
}
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。