如何在散点图上删除HighCharts xAxis中的数据空白

时间:2017-03-14 18:34:11

标签: javascript graph charts highcharts scatter

目前,我的图表会检测我的值并显示图表自动创建的不必要值。值必须至少为0到最大值59.因此,如果我有 100 ,则显示时此数字不应高于 159 Here's an example of how the graph looks

 xAxis: {
            labels: {
                format: '{value}'
                },
          }

我想一个非常具体的问题是:如何更改'{value}'属性。

2 个答案:

答案 0 :(得分:0)

您可以使用formatter功能操作xAxis.labels部分中显示的内容。通用格式如下:

xAxis: {
    labels: {
        formatter: function () {
            var label = this.axis.defaultLabelFormatter.call(this);

            // Use thousands separator for four-digit numbers too
            if (/^[0-9]{4}$/.test(label)) {
                return Highcharts.numberFormat(this.value, 0);
            }
            return label;
        }
    }
},

答案 1 :(得分:0)

如果我理解你正在尝试做什么,你正在寻找断轴。这将允许您摆脱xAxis差距(580处的差距)。

http://jsfiddle.net/oxo8re2f/3/

您必须包含断轴模块:

<script src="https://code.highcharts.com/modules/broken-axis.js"></script>

然后定义中断的位置。在这种情况下:

 xAxis: {
            breaks: [{
                from: 565,
                to: 600,
                breakSize: 1
            }],

如果您的数据是可变的,您可能需要预处理数据以找到中断的位置。例如,您可以在两点之间存在超过10的差异时添加中断