Highcharts:正值和负值的偏移原点

时间:2013-12-09 16:20:12

标签: javascript highcharts

这就是我的目标:

bar chart

我希望在0轴上有标签。有没有办法根据正/负值偏移柱线?我想我应该寻找一个回调挂钩,但找不到它的成功。

感谢任何帮助!

Basic bar chart fiddle:

http://jsfiddle.net/QGnmM/

2 个答案:

答案 0 :(得分:4)

我会以不同的方式来到这里。 2张图表怎么样?一个处理负面和另一个处理正值?然后从一个中删除xAxis标签,并在另一个上设置x值。基本上你可以将容器设置为:

<table>
    <tr>
        <td>
            <div id="container1" style="height: 400px; width:200px"></div>
        </td>
        <td>
            <div id="container2" style="height: 400px; width:200px"></div>
        </td>
    </tr>
</table>

然后你制作两个图表:

$('#container1').highcharts({...});
$('#container2').highcharts({...});

example。要记住的事情 - 关掉一切。 请注意,我在每个图表中都这样做了。但是,你也可以在全球选项对话中做到这一点。

答案 1 :(得分:0)

这不是完美的(重叠问题),但您可以在标签中使用 x y 来调整标签的位置:{{ 3}}

  "xAxis": {
    "tickLength": 0,
    "labels": {
        "x": 150,
        "y": 0,
    ...