首页 > 解决方案 > Highchart/stockChart:使用按钮放大月度数据并显示受影响的列

问题描述

我在高图中有一个简单的时间序列:

series: [{    
"data": [[Date.UTC(2021,0,1), 22312], // January 
[Date.UTC(2021,1,1), 12312], // Feburary
[Date.UTC(2021,2,1), 23322], // ... etc.
],

现在我想放大一个月,只显​​示一列给定的代码:

rangeSelector: {
      buttons: [{
        text: '1m',
        type: 'month',
        count: 1, // This should show only 1 month, but it shows 2.
        // If this is changed to "0", one month will be show, but 
       // The css "highcharts-button-pressed" is disabled, and you cannot
       // see that "1m" was clicked. 
},

根据文档,如果类型为“月”且计数为“1”,则“rangeSelector.buttons.count”应跨越一个月的区域。但我在这里得到的是两个多月的时间。

这是一个例子: https ://jsfiddle.net/ds90vf5r/1/

问题 1:为什么 higchart 在选择/单击仅 1 个月 (1m) 时显示两列而不是一列?
问题 2:如何放大当前日期并仅显示一个蛾(或一列)?

标签: htmlbuttonhighchartszoom-sdk

解决方案


推荐阅读