【发布时间】：2016-02-17 16:24:16
【问题描述】：
尊敬的 Highcharts 专家，
我对 highchart 非常陌生，并且正在慢慢上升。我想创建一个与普通条形图和堆叠条相结合的高图。我在制作时遇到问题。 下面是我的 jsfiddle 版本
http://jsfiddle.net/wt45e6mL/9/
plotOptions: {
series: {
cursor: 'pointer',
pointPadding: 0,
groupPadding: 0.01,
point: {
events: {
click: function () {
if(this.category=='60') return false;
alert('Category: ' + this.category + ', value: ' + this.y);
selected = this;
},
}
},
allowPointSelect: true,
states: {
select: {
color: null,
borderWidth: 10,
borderColor: 'Blue'
}
}
},
column: {
stacking: 'normal',
dataLabels: {
enabled: false,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
style: {
textShadow: '0 0 3px black'
}
}
},
}
以下是我的难点：
1) 在这里，对于 60、61、62，我想提供不同的数据（系列）来创建一个普通条和休息堆栈条。如果数据不存在，则不要创建它。所以堆栈栏应该从一个来自另一个来源的值开始，在那个普通栏之前
2) 我想要一个我能够执行的 onclick 事件，但这个事件是在系列数据上调用的。单击时，我想突出显示整个堆栈栏以及 x 轴值。前三个不应该被选中。
3) 我想再提供一个数据（系列），它将显示一条直线并突出显示其 y 轴值。
在上述几点上需要一些帮助。 谢谢。
【问题讨论】：
-
我不是 100% 清楚你在问什么。将您的 3 个问题分开可能会更好。但是，您是否试图在视觉上实现这样的目标：jsfiddle.net/wt45e6mL/12
-
建议 1) 我想从最小任意值开始 x 轴。因此，假设 60、61、62 的数据不可用图表应该从 63 开始。我可以通过将最小值传递给 x 轴并将 John 的数据传递为 null 来实现这一点。这是正确的实现吗 2）我已经删除了堆栈分组并为系列提供了点填充和组填充。这个可以吗 ？ jsfiddle.net/wt45e6mL/15
-
你好，芭芭拉，谢谢，是这样的。您的反馈和示例很有用。我已经根据您的输入更新了我的小提琴。最后的一些查询 1) 我只想在 x 轴上选择大于 62 的值的栏，这是实现的，但我希望 x 轴值也突出显示。 2）对我来说最棘手的。我想通过单独的系列将 B & C 的数据显示为一种颜色和一个图例。 3）情节线（红色）应具有突出显示的y轴值jsfiddle.net/wt45e6mL/25
标签： highcharts