问题描述
我正在使用Vue Apex Charts,发现有些奇怪。图表不只为其中一个条目显示任何折线。
这些是我传递给图表的选项:
{
"chart":{"width":"100%"},"dataLabels":{"enabled":false},"xaxis":{
"type":"datetime","categories":["2020-08-13T00:00:00Z","2020-08-14T00:00:00Z","2020-08-15T00:00:00Z","2020-08-16T00:00:00Z","2020-08-17T00:00:00Z","2020-08-18T00:00:00Z","2020-08-19T00:00:00Z"]
},"stroke":{"width":1},"colors":["#567C9F","#C76C6C","#7B61B3","#A089D2","#633636","#443663","#7ACC80","#364E63","#9F5656","#2B4F2D","#7AA5CC","#569F5B"]
}
系列数据:
[{"name":"Adskeeper","data":[195,195,189,179,182,184,166]},{"name":"ContentAd","data":[1117,1120,1079,1080,1101,1168,1626]}]
问题似乎是针对ContentAd的,但是提供的数据似乎还可以,就像提供给其他人的数据一样。可能是什么原因造成的?
解决方法
好的,我设法解决了这个问题。如果将来有人遇到此问题,我认为这与“ ContentAd”这个名字有关。在apexcharts version 2.4.1
中,如果您将该名称作为系列名称,则不会全部显示。在Code Sandbox中使用一个干净的项目对此进行了尝试,并获得了与我使用的依赖项版本相同的结果。这个问题一直持续到apexcharts 3.6.12
。