如何解决Apex 图表时间轴 - 数据标签与工具提示和标题不同步
我们正在使用 ApexCharts 时间线。 我们使用系列来显示项目持续时间。 一切似乎都没问题,但我们的宽度数据标签有问题。
第一个系列还可以...
series: [
{
name: "AMISOC",data: [
{
x: "Gestion des mesures d'intégration",y: [new Date("2020-06").getTime(),new Date("2021-06").getTime()],},{
x: "Portefeuilles + validations - Stabilisation",{
x: "Stat OFS AMIG - lot 3",new Date("2021-04").getTime()],{
x: "Test 3 VZA",y: [new Date("2021-01").getTime(),new Date("2022-03").getTime()],}
]
},{
name: "FE",data: [
{
x: "Trafic des paiements (lot 2)",{
name: "IT",data: [
{
x: "Migration Windows et Outils bureautique",y: [new Date("2021-03").getTime(),{
x: "Upgrade technique Infrastucture 2021",new Date("2021-12").getTime()],
...
],
但是在标题之后没有跟随相关的标题名称。 在工具提示中可以,但在 dataLabel 中不行。
有人看到我们做错了什么吗?
这是一个代码笔:https://codepen.io/vinchoz/pen/rNjOKwv
解决方法
我确实找到了一个可行的解决方案:
我替换此代码
formatter: function (val,opt) {
return opt.w.globals.labels[opt.dataPointIndex];
},
通过这个代码
formatter: function(val,obj) {
return obj.w.config.series[obj.seriesIndex].data[obj.dataPointIndex].x;
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。