0

实际上,我正在使用 Highstock 库,并且正在使用 PHP 和 MySQL 生成带有折线图(数据分组)的图形。我正在使用 JSON 格式来绘制图表。

我有大约 50,000 条记录来绘制图表,当我单击数据点时,我需要在弹出窗口中显示id 。

我像这样使用我的 JSON 字符串

[
[1345575960000,303.38,1],
[1345575960000,303.32,2],
[1345575960000,303.25,3],
[1345575960000,303.17,4],
[1345575960000,303.09,5],
[1345575960000,303.01,6]
]

在我正在使用的javascript中

$.getJSON('data/jsonp.php?filename='+ name +'.json&callback=?', function(data) {

var jsonData = [],
dataLength = data.length;

for (j = 0; j < dataLength; j++) {
    jsonData.push([
        data[j][0], // x value
        data[j][1], // y value
        data[j][2] // id
    ]);
}

seriesOptions[i] = {
    name: name,
    data: jsonData,
    events:
        {
            click: function(event)
            {
                chart.showLoading('Loading data...');
                // HOW TO GET HERE THE ID (This is third value in JSON array)
                chart.hideLoading();
            }
        }
    };
seriesCounter++;
if (seriesCounter == names.length) {
      createChart();
}

});

谁能帮我在图表中显示 ID。

提前致谢。

4

2 回答 2

2

看一下包含 60000 个点并且 id 正确显示的示例。

http://jsfiddle.net/Rpkqa/

 series: [{
        name: 'Random data',
        data: (function () {
            // generate an array of random data
            var data = [],
                time = (new Date()).getTime(),
                i;

            for (i = 0; i <= 60000; i++) {
                data.push({
                    id: 'iddd' + i,
                    x: time + i * 1000,
                    y: Math.round(Math.random() * 100)
                });
            }
            return data;
        })()
    }]

工具提示:

 tooltip:{
        formatter:function(){
            console.log(this);

            return 'point: '+this.y + ' ID: '+this.points[0].point.id;
        }
    },
于 2013-03-04T12:31:49.903 回答
1

您需要以不同的方式指定您的点。试试这个:

[
    {x:1345575960000,y:303.38,id:1},
    {x:1345575960000,y:303.32,id:2}
]

然后,您应该能够在 evnt 处理程序中引用 this.id。

于 2013-03-04T08:51:11.247 回答