Question

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

Here's the 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>

Answer 1

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

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

selected:0

基本上意味着1m。但是因为你的数据没有8月22日的样本，所以highstocks的最近范围是1m，这取决于你提供的数据，这些数据在7月22日到8月26日之间。这在技术上不是1米，因此在你的图表中禁用“1米”。

看看这个

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对应于aug 22nd。现在启用并选择1m，因为此范围的数据可用。

Highstocks 1M缩放未激活

1 个答案: