2

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

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

我想强制右侧使用最小/最大并找出正确的刻度间隔，或者我想强制左侧具有特定数量的刻度。

我需要一些想法，这是一个带有我的代码和一些模拟数据的 jsfiddle。

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
        }]
    });
});

谢谢，乔什

4

1 回答 1

1

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

"tickInterval": 10

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

于 2013-09-09T22:16:33.457 回答