如何强制highcharts注意辅助轴上的最小值和最大值?

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

标签: highcharts

我正在尝试使用最小/最大值设置辅助轴,主轴通常会覆盖辅助轴上的最大值。

我知道我可以使用alignTicks:false,但我不喜欢让滴答看起来的方式。我也知道我可以隐藏其中一个轴的刻度,但同样,我不喜欢它们看起来。

我想强迫右侧使用min / max并找出正确的滴答间隔,或者我想强制左侧有一个特定的滴答数。

我需要一些想法,这里有我的代码和一些模拟数据。

http://jsfiddle.net/2s6kK/

$(function () {
    $('#container').highcharts({
        "title": {
            "text": ""
        },
        "subtitle": {
            "text": ""
        },
        "xAxis": {
            "type": "datetime",
            "dateTimeLabelFormats": {
                "day": "%b %e"
            }
        },
        "yAxis": [{
            "min": 0,
            "startOnTick": false,
            "labels": {
                "style": {
                    "color": "#4074C3"
                }
            },
            "title": {
                "text": "Revenue",
                "style": {
                    "color": "#4074C3"
                },
                "margin": 5
            },
            "index": 0
        }, {
            "allowDecimals": false,
            "min": 0,
            "max": 100,
            "maxPadding": 0.2,
            "startOnTick": false,
            "labels": {
                "style": {
                    "color": "#8DAD36"
                }
            },
            "title": {
                "text": "Win Rate",
                "style": {
                    "color": "#8DAD36"
                },
                "margin": 2
            },
            "opposite": true,
            "index": 1,
//        "alignTicks": false
        }],
        "legend": {
            "enabled": true,
            "align": "center",
            "verticalAlign": "top",
            "x": 0,
            "y": -5,
            "borderWidth": 0
        },
        "series": [{
            "name": "Revenue",
            "type": "line",
            "yAxis": 0,
            "data": [5.4,27,27,27,58,0, 0, 0, 0
            ],"pointStart":1377993600000,"pointInterval":86400000
        }, {
            "name": "Win Rate",
            "type": "line",
            "color": "#8DAD36",
            "yAxis": 1,
            "data": [60,48,48,48,48,60, 0, 0, 0, 0
            ],"pointStart":1377993600000,"pointInterval":86400000
        }]
    });
});

谢谢, 约什

1 个答案:

答案 0 :(得分:1)

您可以尝试在y轴定义中将tickInterval设置为10:

"tickInterval": 10

http://jsfiddle.net/2s6kK/1/