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

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

highcharts

Highcharts 海图：什么是我的图表不可缩放？,highcharts,Highcharts,我是海图新手。我有一张柱状图。jsfiddle：以下是图表代码： $('#container').highcharts({ chart: { type: 'column', zoomType: 'x', panning: true, panKey: 'shift', resetZoomButton: { theme: {

我是海图新手。我有一张柱状图。jsfiddle：

以下是图表代码：

$('#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]]        
    }]
});

我正在努力使它可缩放。但是，当我单击并选择一个区域时，图表没有响应

谢谢和问候。

我认为您的代码没有任何问题。您没有足够的数据点使缩放功能正常工作。尝试添加更多数据点，您应该能够缩放

再加上@Ben Shi的答案，你没有足够的数据。但作为一个主观的词，你可以指导高图，多少才算足够

使用配置覆盖图表上应显示的最小数据点数量，默认值约为五个点

minRange:Number

要在此轴上显示的最小范围。整个轴将不会被移动允许跨越比此更小的间隔。例如，对于日期时间轴主单位为毫秒。如果minRange设置为 3600000，不能放大超过一小时

x轴的默认最小范围是最小范围的五倍任何数据点之间的间隔

在对数轴上，最小范围的单位为幂。所以 minRange为1表示轴可以缩放到10-100100-1000， 1000-10000等

通常，在大多数情况下，

的值就足够了

 xAxis: {
      minRange: 1
 }

如果希望最大缩放，请将其设置为

负数

数字，设置为

将强制默认行为

要补充@Ben Shi的答案，您没有足够的数据。但作为一个主观的词，你可以指导高图，多少才算足够