javascript - highcharts 定位和颜色

Question

我在 highcharts-ng 中有一些我看不到的图表需要解决的问题，请参阅 http://jsfiddle.net/mcneela86/DJVP2/供引用:

作为背景，该图表将显示添加零件后汽车马力和扭矩前后值的比较。

1:我已将数据分为“之前”和“之后”，我可以让“之前”组的颜色与“之后”组的颜色不同吗？ “后”组的颜色正确，“前组”需要是灰色阴影吗？

2:我需要使列更宽(同时保持它们的响应性)。我认为这样做的方法是减少列周围的填充(见下文)-但这对我不起作用？

groupPadding: 0,

3;第三个按钮(第 4 阶段(新引擎))包含具有零/空值的数据，是否可以让数据保持分布在整个图形中？ (所以看起来不像是少了什么)

{
    "after_hp":1000,
    "after_torque":900,
    "before_hp": null,
    "before_torque":null,
    "name":"Stage 4 (new engine)"
 }

上面的 'null' 值可以是 null 或 '0' - 我可以控制数据。

我花了几天时间尝试解决这些问题，非常感谢任何帮助。

编辑:

我找到了上面第一个问题的解决方案:

查看此 jsfiddle - http://jsfiddle.net/mcneela86/6caPj/我使用了一种使用 css 定位数据的解决方法，虽然这适用于我的情况，但我并不适合较大的数据集。

希望这对某人有帮助。

Answer 1

2) 你只能操纵groupPadding/pointPadding/pointWidth，但你也有能力捕捉$(window).resize() 或load.redraw()。并使用新参数更新系列，如前所述

3) 您可以尝试调用 setExtremes() 跳过 0，即 1,1。或设置 min在 x 轴上值为 1。

http://api.highcharts.com/highcharts#Axis.setExtremes