Question

我是Highcharts的新手。我有一个柱形图。 jsfiddle：http://jsfiddle.net/mddc/Lvfkv20y/5/

这是图表代码：

$('#container').highcharts({
    chart: {
            type: 'column',
            zoomType: 'x',
            panning: true,
            panKey: 'shift',
            resetZoomButton: {
                theme: {
                    display: 'none'
                }
            }
    },
    xAxis: {
        categories:["Option 1", "Option 2", "Option 3", "Other"]
    },
    yAxis: {
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    series: [{
        name: 'Test',
        data: [["23.1%", 3], ["15.4%", 2], ["38.5%", 5], ["23.1%", 3]]        
    }]
});

我想让它变得可缩放。但是，当我单击并选择一个区域时，图表没有响应。

谢谢和问候。

Answer 1

我认为您的代码没有任何问题。您只是没有足够的数据点来使缩放功能起作用。尝试添加更多数据点，您应该可以缩放！

Answer 2

要添加@Ben Shi的答案，您没有足够的数据。但是，作为一个主观词，你可以指示Highcharts，实际上已经足够多了。

使用xAxis.minRange配置覆盖图表上应显示的最小数据点数，默认值大致五个点

minRange：数字

此轴上显示的最小范围。整个轴不会   允许跨越比这更小的间隔。例如，对于a   datetime轴的主要单位是毫秒。如果minRange设置为   3600000，你不能放大超过一小时。

x轴的默认minRange是最小值的五倍   任何数据点之间的间隔。

在对数轴上，最小范围的单位是功率。所以   minRange为1意味着轴可以缩放到10-100,100-1000，   1000-10000等。

在大多数情况下，1的值通常就足够了

 xAxis: {
      minRange: 1
 }

如果您想要最大缩放，请将其设置为negative个数字，设置为0会强制执行默认行为

Override Min Range to allow more zooming @ jsFiddle

Highcharts：我的图表不可缩放的是什么？

2 个答案: