highcharts多条数据线设置不同的数据单位

最新推荐文章于 2022-03-30 10:33:15 发布

rui_max

最新推荐文章于 2022-03-30 10:33:15 发布

阅读量4.6k

点赞数 1

分类专栏： highcharts 文章标签： highcharts

本文链接：https://blog.csdn.net/god789/article/details/49253637

版权

在使用Highcharts展示数据时，遇到不同数据线单位不一致的问题。常规设置会导致所有数据单位相同。解决方法是将tooltip和formatter属性分别应用于每个数据系列，以定制各自的单位显示，确保鼠标悬浮提示和数据显示的标签正确反映出各自的数据单位。

摘要由CSDN通过智能技术生成

用highcharts显示数据时，会有不同数据的单位不一样的问题。如下设置数据单位时会把所有数据的单位（标签）设置成一样的：

$('#charts').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: "传感器数据"
        },
        tooltip: {
          valueSuffix: '°C'
        },
        plotOptions:{
          column:{
            dataLabels:{
              enabled:true, //是否显示数据标签
              formatter: function() {
                return this.y + '°C';
              }
            }
          }
        },
        subtitle: {
            text: null,
        },
        xAxis: {
          categories: [1,2,3,4]
        },
        yAxis: {
            title: {
                text: '值'
            }
        },
        series: [{
            name: '温度',
            data: [23,21,24,20]
          },{