如何将另一个变量传递给应该是动态的Highchart基本行

我试图做基本的线高图是动态的，我做了动态，现在要求我想将另一个变量传递给X轴变量与其他列，这是我的代码，在PHP脚本中：

         $(function () { var sourceData = [  ]; $('#container').highcharts({ title: { text: 'RNA - CP ( Radio Network Availability - Customer Perceived)', x: -20 //center }, tooltip: { formatter: function () { console.log(this.point.extprop); var s = 'The value for ' + this.x + ' is ' + this.y + ''; if (this.point.extprop) { s += 'for ' + this.point.extprop + ''; } return s; } }, subtitle: { text: '', x: -20 }, xAxis: { categories: [  ]}, yAxis: { title: { text: 'Percent' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { valueSuffix: '%' }, legend: { layout: 'vertical', //align: 'right', //verticalAlign: 'middle', borderWidth: 0 }, series: [{ name: 'RNA', data: sourceData }, { type: 'line', marker: { enabled: false }, /* function returns data for trend-line */ data: (function() { return fitData(sourceData).data; })() }], credits: { enabled: false } }); });     
   

这是csv文件：

  17-Jul-14 99.43 99.69 99.86 power issue 18-Jul-14 99.4 99.64 99.83 flood 19-Jul-14 99.24 99.63 99.82 power issue 20-Jul-14 99.4 99.67 99.85 flood 21-Jul-14 99.21 99.65 99.82 power issue 22-Jul-14 98.45 99.35 99.53 flood 23-Jul-14 98.41 99.39 99.56 power issue 24-Jul-14 99.18 99.6 99.79 flood 25-Jul-14 99.36 99.66 99.87 power issue 26-Jul-14 99.31 99.67 99.89 flood 27-Jul-14 99.38 99.64 99.89 power issue 28-Jul-14 99.2 99.57 99.76 flood 29-Jul-14 99.38 99.64 99.84 power issue 30-Jul-14 99.32 99.63 99.82 flood 31-Jul-14 99.24 99.61 99.8 power issue 1-Aug-14 99.38 99.65 99.84 flood 

错误：当我在第0行检查元素时：

 var sourceData = [ {x: 0,y: 0,99.43, extprop: 'power issue'},{x: 1,y: 1,99.40, extprop: 'flood'},{x: 2,y: 2,99.24, extprop: 'power issue'},{x: 3,y: 3,99.40, extprop: 'flood'},{x: 4,y: 4,99.21, extprop: 'power issue'},{x: 5,y: 5,98.45, extprop: 'flood'},{x: 6,y: 6,98.41, extprop: 'power issue'},{x: 7,y: 7,99.18, extprop: 'flood'},{x: 8,y: 8,99.36, extprop: 'power issue'},{x: 9,y: 9,99.31, extprop: 'flood'},{x: 10,y: 10,99.38, extprop: 'power issue'},{x: 11,y: 11,99.20, extprop: 'flood'},{x: 12,y: 12,99.38, extprop: 'power issue'},{x: 13,y: 13,99.32, extprop: 'flood'} ]; ]; 

这是没有鼠标的图形： http ： //api.highcharts.com/highcharts#series.data

在弹出的时候，鼠标hover在日期和值上，根据这个图表正在绘制，现在我想添加弹出的原因即将到来我已经在源代码循环中传递了这样的值：

 var sourceData = [  ]; 

但是当我是Inspect元素时我得到的问题：Uncaught SyntaxError：意外的标识符

而regression.js文件来自Github： https ： //github.com/Tom-Alexander/regression-js

这是屏幕截图：当鼠标hover时，请在弹出窗口中观察：

当鼠标hover在弹出窗口上的特定点上时，现在我想将第4列传递给鼠标，弹出第4列，我已尝试在上面的源代码中传递第4列但是我得到了错误; 我知道它不会生成图形，但原因必须通过，在哪个日期问题是什么…

请帮忙，谢谢。

这是输出我想通过工具提示中的第4列请注意：

在上图中，工具提示有原因，这就是第4列必须来的原因..请帮忙

Answer 1

如果要向数据添加自定义属性以使其显示在工具提示中，则需要将其添加到sourceData数组中。 Psuedo代码如下：

 var sourceData = [  ]; 

您需要将点对象更改为{...}格式而不是[...] 。 其中y是yValue， extprop是您想要的一些扩展信息（此属性名称可以是任何非保留名称）。

然后在你的工具提示中你需要添加这个extprop：

 tooltip: { formatter: function () { console.log(this.point.extprop); var s = 'The value for ' + this.x + ' is ' + this.y + ''; if (this.point.extprop) { s += 'for ' + this.point.extprop + ''; } return s; } }