Highcharts 忽略跳过的日期

Question

我正在做一个有很多日期的热图，但我现在已经从数据中删除了周末。不幸的是，这样做的副作用是在热力图上增加了空白。

我已经尝试了连接空值选项，但无济于事。https: /api.highcharts.comhighchartsplotOptions.series.connectNulls.

也试过：showEmpty:false

我也知道 https:/www.highcharts.comdemospline-irregular-time但不知道我是否能在这里应用。

这里是一张照片。理想情况下，我想弄清楚这一点，因为我打算进一步减薄数据。例如，我可能会删除每隔一天。

下面是相关的图表代码。

{

 ...

 xAxis: {
  type: 'datetime',
  labels: {
  align: 'left',
  x: 5,
  y: 14,
  format: '{value:%B}'
 },
 tickInterval: 30 * 24 * 3600 * 1000,
},
series: [{
  boostThreshold: 100,
  borderWidth: 0,
  nullColor: '#EFEFEF',
  colsize: 24 * 36e5, // one day
  tooltip: {
   headerFormat: '<b>Details</b><br/>',
   pointFormat: 'Date: {point.x:%A, %b %e, %Y}<br/>Underlying Price: ${point.y}<br/>Positon Value:{point.positionvalue}<br/>NET:{point.net}<br/>ROI:{point.roi}%'
   },
   turboThreshold: Number.MAX_VALUE // #3404, remove after 4.0.5 release
  }]

...

  app.chart.config["series"][0]["data"] = chartData;

chartData变量看起来像:

[{
 net: -0.2
 positionvalue: -0.54
 roi: -30.3
 value: -30.3
 x: 1591329600000
 y: 55
}]

如果你想在prod中看到它，我可以附上我的url.

更新:这里是一个提琴。https:/jsfiddle.netvo8syrhn。

Answer 1

我认为这种情况下唯一的解决办法是使用 breaks 功能。请注意，使用它需要包括 broken-axis 模块。

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

演示。https:/jsfiddle.netBlackLabelt72dfwz9。

API。https:/api.highcharts.comhighchartsxAis.breaks。

Answer 2

一种方法是省略xAxis.type。你可以在jsFiddle上看到一个演示----。https:/jsfiddle.netr32z7esd (注意2020-06-05的数据缺失)

html代码

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="chart">
</div>

js

Highcharts.chart("chart", {
        title: {
            text: "chartTitle" 
        },

        xAxis: {
            categories: ['2020-06-06','2020-06-04','2020-06-03'] 
        },
        yAxis: [{
            title: {
                text: "yAxis1Title"
            }
      }],
      series: [{type:'column',data:[3,4,7]}]
    });