0

我在 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 定位数据的解决方法,虽然这适用于我的情况,但我不适合大型数据集。

希望这可以帮助某人。

4

1 回答 1

0

2) 您只能操作 groupPadding/pointPadding/pointWidth,但您也可以捕获 $(window).resize() 或load.redraw()并使用新参数更新系列,如 abo 所述

3) 你可以尝试调用 setExtremes() 跳过 0,即 1,1。或在 xAxis 上将最小值设置为 1。

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

于 2014-05-05T10:33:37.503 回答