Question

我指的是JSFiddle http://jsfiddle.net/Ln3hLmgn/和下面的代码。有谁知道为什么没有出现x轴的标志？似乎只有双窗格才会出现此问题，并且顶部窗格没有系列。

$(function () {
    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&callback=?', function (data) {

        // Create the chart
        $('#container').highcharts('StockChart', {

            rangeSelector: {
                selected: 1
            },

            title: {
                text: 'USD to EUR exchange rate'
            },

            yAxis: {
                title: {
                    text: 'Exchange rate'
                },
                top: '72%',
                height: '28%',
            },

            series: [{
                name: 'USD to EUR',
                data: data,
                id: 'dataseries',
                tooltip: {
                    valueDecimals: 4
                }
            }, {
                type: 'flags',
                name: 'Flags on series',
                data: [{
                    x: Date.UTC(2011, 1, 22),
                    title: 'On series'
                }, {
                    x: Date.UTC(2011, 3, 28),
                    title: 'On series'
                }],
                onSeries: 'dataseries',
                shape: 'squarepin'
            }, {
                type: 'flags',
                name: 'Flags on axis',
                data: [{
                    x: Date.UTC(2011, 2, 1),
                    title: 'On axis'
                }, {
                    x: Date.UTC(2011, 3, 1),
                    title: 'On axis'
                }],
                shape: 'squarepin'
            }]
        });
    });
});

感谢任何帮助。

Answer 1

如果禁用top参数，则可以正常工作。看起来像一个错误，报告here

Answer 2

移除容器内y轴的顶部和高度，并在x轴上放置标记

   yAxis: {
            title: {
                text: 'Exchange rate'
            },
   },

检查小提琴here

双窗格图表上的x轴上的标志放置

2 个答案: