Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 高位图表忽略跳过的日期_Javascript_Highcharts - Fatal编程技术网

Javascript 高位图表忽略跳过的日期

Javascript 高位图表忽略跳过的日期,javascript,highcharts,Javascript,Highcharts,我正在制作一张有很多日期的热图,但现在我已经从数据中删除了周末。不幸的是,这样做的副作用是在热图中添加空白 我尝试了连接空值选项,但没有成功: 还尝试了:showEmpty:false 我知道,但不知道我是否可以在这里应用 这是一张照片: 理想情况下,我会找到答案,因为我打算进一步细化数据。例如,我可能每隔一天删除一次 以下是相关的图表代码: { ... xAxis: { type: 'datetime', labels: { align: 'left', x: 5,

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

我尝试了连接空值选项,但没有成功:

还尝试了:showEmpty:false

我知道,但不知道我是否可以在这里应用

这是一张照片: 理想情况下,我会找到答案,因为我打算进一步细化数据。例如,我可能每隔一天删除一次

以下是相关的图表代码:

{

 ...

 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;

如果您需要在prod中看到它,我可以附加我的url

更新: 这是一把小提琴:
一种方法是省略xAxis.type。您可以在JSFIDLE上看到一个演示-(注意2020-06-05的数据缺失)

html代码

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

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

我认为这种情况的唯一解决方案是使用
中断
功能。请注意,使用它需要包含
断轴
模块

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

演示:


API:

尝试不带类型的普通xAxis:“datetime”我尝试省略xAxis,这将默认为线性。不行,不要忽略X轴。只需省略类型。请看下面的答案:我应该先做一把小提琴。我现在用小提琴更新了这个问题。省略type将默认为linear,这将产生相同的结果。我很感激你的建议,我明白你的意思了。我用highcharts尝试了不同的事情,但没能达到你想要的。看起来你必须扩展热图类型-非常酷。我之所以跳过日期,主要是为了让highcharts更容易/更快地渲染。添加这些中断似乎需要同样长的时间,或者可能需要更长的时间来计算/渲染。我没有做过速度测试,只是猜测而已。@ToddHorst很难说-取决于你的数据。我在您的演示中看到,您已经附加了boost模块-它应该有助于更快地呈现图表。没有像你期望的那样工作?它足够快,只是想确保它保持这种状态
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]}]
    });
<script src="https://code.highcharts.com/modules/broken-axis.js"></script>