首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Highcharts.js中的工具提示上显示原始小数

在Highcharts.js中,要在工具提示上显示原始小数,可以通过以下步骤实现:

  1. 首先,确保你已经引入了Highcharts.js库文件,并创建了一个Highcharts图表实例。
  2. 在图表的配置对象中,找到tooltip属性,并设置formatter属性为一个函数。这个函数将用于自定义工具提示的内容。
  3. formatter函数中,可以通过this.point.y获取到当前数据点的值。这个值默认是四舍五入后的整数。
  4. 如果要显示原始小数,可以使用this.point.options.y来获取原始的小数值。这个值是在数据系列中定义的。

下面是一个示例代码:

代码语言:javascript
复制
Highcharts.chart('container', {
  // 图表配置
  tooltip: {
    formatter: function() {
      return '原始值: ' + this.point.options.y + '<br>' +
             '四舍五入值: ' + this.point.y;
    }
  },
  // 数据系列
  series: [{
    data: [0.1, 0.5, 0.9, 1.3, 1.7]
  }]
});

在上面的示例中,工具提示的内容将显示当前数据点的原始小数值和四舍五入后的值。

关于Highcharts.js的更多信息和使用方法,你可以参考腾讯云提供的Highcharts.js产品介绍链接:Highcharts.js产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券