时间戳

首页 > 解决方案 > 顶点图表线不显示

vue.js - 顶点图表线不显示

问题描述

我正在使用 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 的，但是提供的数据似乎没问题，就像提供给其他人的数据一样。这可能是什么原因造成的？

标签： vue.jschartsapexcharts

解决方案

好的，我设法解决了这个问题。如果将来有人遇到此问题，我认为这与“ContentAd”这个名称有关。如果apexcharts version 2.4.1您将该名称作为系列的名称，则它不会全部显示。在 Code Sandbox 中使用一个干净的项目进行了尝试，并在我使用的依赖项版本中得到了相同的结果。这是一个一直持续到apexcharts 3.6.12.

推荐阅读