首页
学习
活动
专区
工具
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产品介绍

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

相关·内容

Install Jumpserver42

Copying '/opt/jumpserver/apps/static/js/plugins/inputTags.jquery.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/cropper/cropper.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/datatables/datatables.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/datatables/pdfmake.min.js.map' Copying '/opt/jumpserver/apps/static/js/plugins/datatables/i18n/English.lang' Copying '/opt/jumpserver/apps/static/js/plugins/datatables/i18n/zh-hans.json' Copying '/opt/jumpserver/apps/static/js/plugins/datepicker/bootstrap-datepicker.js' Copying '/opt/jumpserver/apps/static/js/plugins/demo/peity-demo.js' Copying '/opt/jumpserver/apps/static/js/plugins/dropzone/dropzone.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/echarts-all.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/echarts.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/bar.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/chord.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/eventRiver.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/force.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/funnel.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/gauge.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/heatmap.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/k.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/line.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/map.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/pie.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/radar.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/scatter.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/tree.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/treemap.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/venn.js' Copying '/opt/jumpserver/apps/static/js/plugins/echarts/chart/wordCloud.js' C

02
领券