javascript - Highcharts 工具提示中的附加数据

<分区>

我有以下 Highchart 大部分工作，但我无法获得自定义数据点以在堆叠条形图中显示在我的第 3 个系列的工具提示中。对于工具提示中的自定义数据，我是否为系列中的数据设置了错误的格式？ USMFalse 和 sentNotAnswered 是我感兴趣的自定义数据项。USMFalse 和 sentNotAnswered 是相加后得到相应数据值的值。即第一个 3 + 8 = 11 是堆叠条的红色部分

fiddle 样本在这里 JSFiddle

...
series: [{
       "type": "bar",
       "data": [3056, 6681, 4169, 4399, 2046, 6504, 8435],
       "color": "#D4D3D2",
       "name": "Non-Targeted"
     },

     {
       "type": "bar",
       "data": [4, 0, 1, 0, 6, 0, 0],
       "color": "#16DE47",
       "name": "Participating"
     },

     {
       "type": "bar",
       "color": "#FF5733",
       "name": "Targeted",
       "data": [11, 0, 0, 0, 13, 0, 0],
       "USMFalse": [3, 0, 0, 0, 4, 0, 0],
       "sentNotAnswered": [8, 0, 0, 0, 9, 0, 0]
     }

   ]

最佳答案

您必须将Targeted 数组定义为对象数组，而不是使用数值数组:

{
   "type": "bar",
   "color": "#FF5733",
   "name": "Targeted",
   "data": [{
     y: 11,
     USMFalse: 3,
     sentNotAnswered: 8
   }, {
     y: 0,
     USMFalse: 0,
     sentNotAnswered: 0
   }, {
     y: 0,
     USMFalse: 0,
     sentNotAnswered: 0
   }, {
     y: 0,
     USMFalse: 0,
     sentNotAnswered: 0
   }, {
     y: 13,
     USMFalse: 4,
     sentNotAnswered: 9
   }, {
     y: 0,
     USMFalse: 0,
     sentNotAnswered: 0
   }, {
     y: 0,
     USMFalse: 0,
     sentNotAnswered: 0
   }]
 }

然后，在您的格式化程序函数中，您需要引用当前点:

if (this.series.name == 'Targeted') {
  text = '<b>' + this.x + '</b> <br>' 
    + this.series.name + ': ' + this.y + '<br>' 
    + this.point.USMFalse + '<br>' 
    + this.point.sentNotAnswered;
}

这是一个 jsfiddle:https://jsfiddle.net/d15wad74/

关于javascript - Highcharts 工具提示中的附加数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48513227/

上一篇：javascript - 将条件语句与reactjs中的按钮渲染相关联

下一篇：javascript - 浏览器取消了通过 JS Fetch API 将图像上传到 Imgur API

javascript - aws javascript sdk v3 - 签名不匹配错误

highcharts - 从 rangeSelector 获取日期输入框的值

javascript - 来自使用 jQuery insideHTML 的页面的 PHP file_get_contents

javascript - 运行 mocha 测试但出现错误 : ReferenceError: document is not defined

javascript - 如何在没有提交按钮的情况下提交表单？

javascript - 将 csv 数据放入 highcharts

javascript - Angular Highcharts 面积图中的自定义图例标签

mysql - 检索缺失的列值

javascript - 如何调试不工作的基于 AJAX 的 HighChart？