Question

图表系列添加如下：

series: seriesOptions

seriesOptions只是一个带有系列的普通对象列表 - 无论如何它一切正常。
现在我想为特定系列添加一些标志，这可以通过onSeries实现。

chart.addSeries({
        type : 'flags',
        data: events,
        name: 'events',
        id: 'events',
        color : '#5F86B3',
        fillColor : '#5F86B3',
        onSeries : 'series1',
        width : 30,
        y : -100,
        shape : 'circlepin',
        style : {// text style
            color : 'white'
        },
        states : {
            hover : {
                fillColor : '#395C84'
            }
        }
    });

但它们仍然出现在图表的底部（这是默认设置）对我来说，看起来像标志无法找到系列的ID出现 - 是否可以使用addSeries（）作为标志？

修改：这是我的代码http://jsfiddle.net/HWm4J/3/

来自firebug的

seriesOptions console.log：

[Object { id="series1", name="series1", data=[3574], more...}, Object { id="series2", name="series1", data=[412], more...}, Object { id="series3", name="series3", data=[497], more...}]

Answer 1

不幸的是，你jsFiddle无法正常工作，当我试图在Highcharts示例中重现问题时：http://jsfiddle.net/8Crk7/1/它完全正常。

我只能猜测您设置的ID是错误的，例如：http://jsfiddle.net/8Crk7/2/

添加系列的工作示例：

    $("#b").click(function () {
        Highcharts.charts[0].addSeries({
            type : 'flags',
            name: 'events',
            id: 'events',
            color: '#5F86B3',
            fillColor: '#5F86B3',
            onSeries: 'series1',
            width: 30,
            y: -100,
            shape: 'circlepin',
            style: { // text style
                color: 'white'
            },
            states: {
                hover: {
                    fillColor: '#395C84'
                }
            },
            data: [{
                x: Date.UTC(2011, 1, 14),
                title: 'On series'
            }, {
                x: Date.UTC(2011, 3, 28),
                title: 'On series'
            }],
        });

    });

如果您需要更多帮助，请在jsFiddle上重新创建问题，或者至少发布完整的图表配置。

Answer 2

您的'series1'有效吗？这是您的代码声明要添加标志的系列。如果此系列尚未制作或未正确识别，则它将在默认位置绘制标记。您是否尝试在此系列adding上重新绘制图表？

带有addSeries的系列上的Highstock标志

2 个答案: