4

是否可以在 highstock 图表上将 y 轴刻度“外部”对齐,使其与网格线对齐,而不是“内部”并位于网格线的顶部。highstock 的文档建议默认情况下应将其放置在“外部”,但查看 highstock 图的每个示例,它们似乎总是在“内部”。

tickPosition: String. The position of the major tick marks relative to the axis line. Can be one of inside and outside. Defaults to "outside".

Highchart 示例(我想要的):http: //jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-basic/

Highstock 示例(我得到的):http: //jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/basic-line/

提前谢谢了。

更新 - 各种解决方案

我意识到 a只是文件中Highcharts.StockChart的预配置版本。Highcharts.Charthighstock.js

HighCharts.Chart具有 a 的所有功能Highcharts.StockChart- 不仅仅是文件中 a 的Highcharts.Chart功能highcharts.js

结果,我刚刚使用了highstock.js Highcharts.Chart我需要的配置,这将 yAxis 标签放置在正确的位置。

4

2 回答 2

4

您可以为 yAxis 使用偏移参数。

http://api.highcharts.com/highstock#yAxis.offset

编辑:

http://jsfiddle.net/Z4zwr/1/

 yAxis : {
        labels:{
            align:'right',
            x:-10
        },
        lineWidth : 1,
        offset : 30
    },
于 2013-03-11T15:30:48.600 回答
1

我找到了一个解决方案(jsfiddle):添加labels: { align: 'left' }到您的 yAxis 选项,如下所示:

yAxis: [{
    labels: {
        align: 'left'
    }
}]

这告诉 Highcharts将标签左端y -axis 对齐

更新了 jsfiddle:http: //jsfiddle.net/r4wrf63u/

于 2015-08-17T09:42:28.620 回答