【问题标题】:Highstock/Highchart substep maximum?Highstock/Highchart 子步最大?
【发布时间】:2019-03-11 10:05:38
【问题描述】:

example

我希望我的最大步数限制为一个动态整数。在这种情况下,它是 4。我浏览了文档,但找不到任何适合我需要的东西。有人对此有想法吗?

理想情况下;我想要以红色显示的空白消失

xAxis: {
    min: 1.1,
    ordinal: false,
    max: 2,
    labels: {
        formatter: function () {
            return 'Lap ' + this.value;
        },
    },
},

http://jsfiddle.net/d54uae3s/4/

【问题讨论】:

标签: javascript highcharts


【解决方案1】:

您可以使用来自broken-axis Highcharts 模块的breaks

function createBreaks() {
    var breaks = [];

    for (var i = 1; i < 8; i++) {
        breaks.push({
            from: i + 0.4,
            to: i + 1.1,
            breakSize: 0.1
        })
    }

    return breaks;
}

var chart = Highcharts.chart({
    ...,
    xAxis: {
        ...
        breaks: createBreaks()
    }
});

现场演示:http://jsfiddle.net/BlackLabel/sjLdfegp/

API 参考:https://api.highcharts.com/highstock/xAxis.breaks

【讨论】:

  • 这只影响范围滑块。我需要停止数据的自动完成。看来这个问题只在 HighStock.js 上持续存在。要明确一点;我希望它显示 1.1 到 1.4 并让它以 2.1 开头
  • 嗨@Marthijn,好的,所以我认为您应该使用breaks。请检查此示例:jsfiddle.net/BlackLabel/pzna0gko
  • 这几乎可以工作,很好的发现! jsfiddle.net/Pondake/m4z3wv6t/1 将其设置为重复会使一些点消失,在使用范围滑块时也会产生延迟体验。我做错了什么?
  • @Marthijn,似乎定义的中断比repeat 选项更有效,请查看此示例:jsfiddle.net/BlackLabel/sjLdfegp
  • 真的很好,很管用!然而,在使用范围滑块时,滞后仍然存在。您能否更新您的原始答案以便我接受答案?
猜你喜欢
  • 2017-02-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多