时间戳

首页 > 解决方案 > 是否可以设置刻度间隔的像素宽度？

highcharts - 是否可以设置刻度间隔的像素宽度？

问题描述

因此，我基本上是在尝试将 highcharts 图表与在其上方呈现的 html 表格完全对齐。我只是想知道是否有任何方法可以在每个 xAxis 刻度之间设置像素的绝对间距？

表格的单元格具有固定的宽度，我在两者中呈现相同的数据。到目前为止，它排列得很近，但我在想，如果我不能固定点的间距，可能无法正确排列。

标签： highchartsreact-highcharts

解决方案

您是否尝试过使用tickPixelInterval功能？

演示：https ://jsfiddle.net/BlackLabel/hauco6s0/

Highcharts.chart('container', {
    xAxis: {
        tickPixelInterval: 20
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

API：https ://api.highcharts.com/highcharts/xAxis.tickPixelInterval

如果这没有帮助 - 请在我可以处理的一些在线编辑器上重现您的案例。

推荐阅读