Highcharts 带有addSeries的系列上的Highstock标志
添加的图表系列如下所示:Highcharts 带有addSeries的系列上的Highstock标志,highcharts,highstock,Highcharts,Highstock,添加的图表系列如下所示: series: seriesOptions serieoptions只是一个普通的对象列表,带有系列-无论如何,它工作得很好。 现在,我想向特定系列添加一些标志,这在onSeries中是可能的 chart.addSeries({ type : 'flags', data: events, name: 'events', id: 'events', color : '#5F86B3',
series: seriesOptions
serieoptions只是一个普通的对象列表,带有系列-无论如何,它工作得很好。现在,我想向特定系列添加一些标志,这在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()作为标志吗 编辑:这是我的代码 firebug中的serieOptions 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...}]
您的
系列1
有效吗?这是要添加标志的代码状态系列。如果该系列尚未制作或未正确识别,则它将在默认位置绘制标志。您是否尝试在本系列中重新绘制图表?不幸的是,您的JSFIDLE不起作用,当我尝试在Highcharts上重现这个问题时,示例:它工作得非常好
我只能猜测您设置的id是错误的,如本例所示:
添加系列的工作示例:
$("#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'
}],
});
});
如果您需要更多帮助,请在JSFIDLE上重新创建问题,或者至少发布完整的图表配置。是,该系列应该是有效的。我做了一个console.log(serieoptions),它返回了所有带有ID的序列。我也试着重画,但对我没用。我甚至不能让你的小提琴来画图表。
console.log(系列选项)代码>不写任何东西。JSHint也提出了一些警告。根据JSFIDLE的流程,您从未真正解析数据,也从未真正将series1
添加到图表中。正如您所看到的,我有3个参数(数据基于Web服务),它无论如何都不会工作,我只是发布它来向您展示我的代码。一切正常,显示序列,但标志不会在SeriesOkay上,因此,如果您发送给JSFIDLE的代码在您这边是有效的,您仍然会看到您从未实际将series1
设置到图表中。我看到你在做这个系列,在这个系列中添加数据,但是它从来没有被交给图表。在一个系列的图表中,它仍然对我有效。我想问题出在我的JSFIDLE中的第109行。当我同时添加多个系列时,ID可能会出现一些问题。再次测试它以提醒系列ID-ID可用,但我无法以某种方式分配给它们…不,在#109行中没有问题-分配很简单。你能做上面的一个吗?我指的是带问题的JSFIDLE,还是图表/系列配置?与您在firebug上发布的内容类似,但请在JSFIDLE中使用完整的一个。好的,这张图表上有什么错误?您已将序列1连接到标志。series1是顶部的蓝色系列,并且没有该系列的数据,在该系列中显示标志:)这就是为什么它们像在轴上一样显示。无论如何,供将来参考:同时添加系列,而不是在加载图表之后,请参阅:是的,我明白了,但我没有在JSFIDLE示例中显示全部数据-在我的服务器上,它不起作用,我不知道为什么。(该系列在活动开始时提供)难以置信