使用 JavaScript 向 Highstock 图表 (highcharts) 添加标志答案

【问题标题】：Adding flags to Highstock chart (highcharts) with JavaScript使用 JavaScript 向 Highstock 图表 (highcharts) 添加标志
【发布时间】：2012-07-04 04:43:23
【问题描述】：

我一直在制作这个演示图表 http://jsfiddle.net/hcharge/G7rsh/，我正在努力为 x 轴添加标志。

在 highchart 网页上的示例中，他们使用 UTC 来定位标志，但是此图表上的系列以不同的方式绘制，使用这种格式 [1330560000000,32.29]

有人有答案吗？我不确定这是否特定于 JavaScript 或 Highcharts，但我认为值得在此处发布。

我试过添加

series: [{ type: 'flags', data : [{'text':'Flag Set','title':'E','x':1330560000000} ], width: 16 }],

到javascript，但这似乎没有任何作用，任何帮助都会很棒，谢谢

【问题讨论】：

标签： javascript jquery html highcharts highstock

【解决方案1】：

if (seriesCounter == names.length) {
    selectSeries(0);
    // build flags
    seriesOptions.push({
        'type': 'flags',
        //'name': 'myflag',
        'data': [{
            'title':'E',
            'x':1330560000000
        }],
        'width': 16,
        // if you want to place to some serie add the following line
        //'onSeries': 1 //serie id
    });
    createChart();
}

您可以看到以下demo。

【讨论】：

【解决方案2】：

这是 unix 时间格式，在使用 highstock 时，您必须使用 unix 时间格式来表示 xaxis

这就是向 highstock 添加标志的方式

         var alarms = { type: 'flags', name:'flag',color: 'red',
              data : 
              [{x:1326845030000,title : 'Alarm 1',text : 'Alarm 1'} ,                                                             
               {x:1326847030000,title : 'Alarm 2',text : 'Alarm 3'} , 
               {x:1326840030000,title : 'Alarm 3',text : 'Alarm 2'} ],
                shape : 'squarepin',width : 50  };

alarm 变量将被推送到您的系列数组

x 是您将标志放置在 xAxis 上的位置，如果您希望将标志放在系列上，请在警报对象中使用 onSeries : 'series_id' 对象

【讨论】：

这听起来不错！对不起，我完全无知，但看看我的 jsfiddle 我会把这个放在哪里？
jsfiddle 有问题，它没有加载到我的浏览器中，告诉我你想在哪里添加标志
标志的位置目前并不重要，我已经尝试将该代码添加到 javascript 并且它不起作用，jsfiddle 中什么不起作用？如果这样更容易，我可以在这里发布代码吗？