1

这可能有一个简单的答案。我有一个基本的 columnRange 图表，其中包含从 5 月 20 日到 8 月 26 日的一系列日期的高/低数据点，但“1M”缩放未激活。看来这应该是可用的。我可以理解为什么 6M 和 1Y 无法选择，但对 1M 有点困惑。我忽略了什么吗？我对highcharts相当陌生。感谢您的任何反馈。

这是jsfiddle

代码：

<!DOCTYPE html>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/highcharts-more.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<title>Zoom Test</title>
<body> 

<script>
$(function () {

        $('#container').highcharts('StockChart', {

            chart: {
                type: 'columnrange'
            },

                    exporting: {enabled: false},

                    legend: {
                        enabled: false,
                        itemHoverStyle: {
                        cursor: 'default'
                    }

                    }, 
                    navigator: {
                        maskFill: 'rgba(255, 255, 255, 0.20)',
                    },
            rangeSelector: {
                selected: 5
            },
                    xAxis:{
                        type: 'datetime'
                    },
                    series: [{ "dataGrouping": {"enabled": false}, "name":"Zoom Test", "data": [
                        [1369065600000,200,220],
                        [1369670400000,220,240],
                        [1370275200000,230,250],
                        [1370880000000,240,260],
                        [1371484800000,250,270],
                        [1372089600000,260,280],
                        [1372694400000,270,300],
                        [1373299200000,260,280],
                        [1373904000000,240,245],
                        [1374508800000,220,225],
                        [1375113600000,200,240],
                        [1375718400000,240,260],
                        [1376323200000,250,270],
                        [1376928000000,200,230],
                        [1377532800000,210,240]]}]
        });

});
</script>

<div id="container" style="min-width:400px; height:400px;"></div>

</body>
4

1 回答 1

1

看看这个 http://jsfiddle.net/Bun72/1/

您在这里看到的是 7 月 22 日至 8 月 26 日的范围。在这个例子中，我使用

selected:0

这基本上意味着1m。但是由于您的数据没有 8 月 22 日的样本，因此 highstocks 呈现最近的 1m 范围，具体取决于您提供的数据，该数据归结为 7 月 22 日至 8 月 26 日的范围。这在技术上不是 1m，因此在您的图表中禁用了“1m”。

看看这个

http://jsfiddle.net/Bun72/2/

我已将您的数据更改为

                        [1369065600000,200,220],
                        [1369670400000,220,240],
                        [1370275200000,230,250],
                        [1370880000000,240,260],
                        [1371484800000,250,270],
                        [1372089600000,260,280],
                        [1372694400000,270,300],
                        [1373299200000,260,280],
                        [1373904000000,240,245],
                        [1374508800000,220,225],
                        [1375113600000,200,240],
                        [1375718400000,240,260],
                        [1376323200000,250,270],
                        [1377522000000,200,230],
                        [1377532800000,210,240]

这与您的数据完全相同，但有一点不同。倒数第二个日期1377522000000对应于 8 月 22 日。现在启用并选择了 1m，因为该范围的数据可用。

于 2013-08-27T17:24:17.113 回答