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