【问题标题】:Highcharts navigator error: Invalid negative value for <rect> attribute widthHighcharts 导航器错误:<rect> 属性宽度的负值无效
【发布时间】:2015-04-21 16:49:52
【问题描述】:

有谁知道我为什么在使用 Highstock 导航器时看到此错误 - “错误:属性宽度的负值无效”?请参阅此 JsFiddle 以获取我的代码 - http://jsfiddle.net/Yrygy/250/

var chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'container',
        height: 120
    },
    navigator: {
        series: {
            data: chartData
        }
    },
    series: [{
        data: [null],
        markers: {
            enabled:true
        }
    }]
});

【问题讨论】:

  • 我认为这是因为您的系列数据为空。如果您将数据添加到系列中,错误就会消失。
  • @BarbaraLaird 是的,但如果你这样做,范围选择器将无法使用。

标签: javascript highcharts highstock


【解决方案1】:

您的数据都在一天之内。 highstock 的 minRange 默认为 1 天。因此,当您在系列中正确定义数据时,您的范围选择器似乎无法使用的原因是您已经放大了一天。
将数据从导航器移动到一个系列,并将 xAxis minRange 更改为较小的数字(我选择 1 分钟)

var chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'container'
    },
    series: [{
        data: chartData,
        markers: {
            enabled:true
        }
    }],
    xAxis : {
        minRange: 60 * 1000 // one minute
    },
});

http://jsfiddle.net/blaird/Yrygy/256/

【讨论】:

【解决方案2】:

我在使用navigator.series.setData() 时遇到此错误。您只需要使用chart.xAxis[0].setExtremes(min, max) 设置最小值和最大值

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-08-18
    • 2014-11-02
    • 2015-01-24
    • 2013-07-07
    • 2019-04-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多