apex用十进制数字表示基本时间轴

Question

我在React应用程序中使用Apexcharts的基本时间线图，其中数据包含十进制数字(例如:data = [{"x"; "TaskData0link_Node0_Node1"，"y":[0.0,0.05]}])。然而，当我用鼠标进入条时，我只能看到圆整的值。在本例中:0-0。是否有可能显示实际值(0-0.05)?而不是四舍五入到整数

我使用的选项:

options: {
chart: {
height: 350,
type: 'rangeBar',
toolbar: {
show: true,
autoSelected: 'selection'
},
},
plotOptions: {
bar: {
horizontal: true
}
},
xaxis: {
type: 'numeric',
title: {
text: 'in ms'
},
labels: {
show: true
},
decimalInFloat: 3,
},
},

提前感谢!

Answer 1

使用此自定义工具提示

tooltip: {
custom: ({ dataPointIndex, w }) => {
let s = w.config.series[0].data[dataPointIndex];
return `<div class="apexcharts-tooltip-rangebar"><div>
<span class="category">${s.x}: </span>
<span class="value start-value">${s.y[0]}</span>
<span class="separator">-</span>
<span class="value end-value">${s.y[1]}</span></div></div>`;
}
},

Answer 2

//有两种解决方法:

`1) options.yaxis: {
labels: {
formatter: function(value) {
return "$" + value.toFixed(2);
}
},
tickAmount: 5,
min: 0,
max: 'Your Y axis maximum value here like 5000',
}
2) options.yaxis: {
tickAmount: 5,
`enter code here`
min: 0,
max: 'Your Y axis maximum value here like 5000',
decimalsInFloat: 2
}`

值显示在Y轴上使用顶点图