如何消除散点图上 HighCharts xAxis 中的数据间隙

Question

目前我的图表检测我的值并显示图表自动创建的不必要的值。这些值必须是最小值 0 到最大值 59。所以如果我有一个 100 这个数字不应该高于 159 当显示。 Here's an example of how the graph looks

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

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

Answer 1

您可以使用 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;
        }
    }
},

Answer 2

如果我理解正确你想做什么，你正在寻找断轴。这将使您摆脱 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 的任何时候添加中断

如何消除散点图上 HighCharts xAxis 中的数据间隙

How to remove data gaps in HighCharts xAxis on a scatter chart

javascript

charts

graph

scatter

highcharts