Javascript 如何在高位图表中以一系列数据显示不同的工具提示格式
这里我有一系列数据,其中一些数据的持续时间为00:12:00,另一些数据的持续时间为int值 以下是我的Javascript代码,您也可以在上面查看: 以下是我的HTML代码:Javascript 如何在高位图表中以一系列数据显示不同的工具提示格式,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,这里我有一系列数据,其中一些数据的持续时间为00:12:00,另一些数据的持续时间为int值 以下是我的Javascript代码,您也可以在上面查看: 以下是我的HTML代码: <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
如何区分高位图表中的多个系列数据?试试以下方法:
tooltip:{
formatter:function() {
var a = Highcharts.dateFormat('%H:%M:%S',this.y);
if(a === "00:00:00"){
return this.y;
}else{
return a;
}
}
}
以下是更新的小提琴:
更新了系列名称的fiddle:您可以检查系列名称,然后返回正确的工具提示内容。感谢您给出答案是否可以显示y轴标签名称?例如,持续时间?是的,您可以使用this.series.name来获取它
tooltip:{
formatter:function() {
var a = Highcharts.dateFormat('%H:%M:%S',this.y);
if(a === "00:00:00"){
return this.y;
}else{
return a;
}
}
}