问题标签 [apexcharts]

我正在使用 apexcharts 显示热图图表：

该系列以 Date 对象命名，这些对象在 y 轴上的格式如下：

如何为工具提示获得相同的格式？它们改为显示日期对象的常规字符串表示，但我只想显示月份和年份（如在 y 轴上）：

这是我们正在制作的与运动相关的图表 - 针对目标框架的行动图。这可以让您了解射门/扑救在球门框架内的位置。Apexcharts 库正在用于此目的。

现在，目前，我的开发人员无法将自定义设计的图像用于绘图，而只是使用具有特定渐变的圆圈。图片： 目标图 - 无图片

我们要求使用这些图像来代替这些圆圈。但是，当其中一个被用作测试时，就会发生这种情况。

对于不同类型的地块，我们有不同的图像。绘图都是正确的，我们只是无法使用图像。

我已经分享了现在正在使用的代码。

任何和所有的帮助表示赞赏。

TIA

我想在图表中添加箭头，我猜如果我能找到最高标记的位置，我可以用它来添加一些 html 以获得一些自定义工具提示或标记。我尝试在标记中寻找格式函数，在轴中，我只是不确定我在这里寻找什么。任何帮助深表感谢。我一直无法围绕这个问题。

我似乎被困在试图return从另一个计算属性内部的一个计算属性中调用值。

这是我的代码到目前为止的样子：

我正在做的是尝试根据这个例子绘制图表：https ://apexcharts.com/vue-chart-demos/line-charts/data-labels/

因为我想通过每隔几秒更新一次的实时提要动态更改这些数据，所以我已经移动了series包含对象的数组，以便在图表上从data()函数到computed:属性列表制作更多线条。

是的，我对此进行了测试，移动后未更改，图表效果很好。

我的问题出现在我尝试myData从计算属性中引用计算series属性的地方。无论我如何）尝试它（this.myData, this.myData(), myData, myData()），它总是以未定义的形式返回。

我觉得这很不寻常，因为在前面的计算属性中myTime，我引用this.myData.doc[].xxx没有问题。

是的，这可能属于该this.$store.getters部分，但我想知道为什么在调用和计算属性this.myData之间存在差异。myTimeseries

该myData属性类似于：

所以它应该工作的方式是doc从内部迭代数组myData，提取 co2 值，并将其推送到series[i].data图表将识别它的适当数组。

感谢所有建设性的意见！

我正在使用 ApexCharts 来显示一些统计数据。我想隐藏图像中标记为红色的 x 轴工具提示

我正在将 Apexcharts 的简单圆环图导入到我的 Vue.js 项目中，但是，即使在遵循他们网站上提供的文档之后，图例标题仍为“series-1,series-2,...”。

这是渲染的图片：甜甜圈图

如您所见，我正在关注文档，向数据对象和元素添加series和，但由于某种原因仍然无法呈现正确的标签。labelsdiv

我将如何解决这个问题？

旁注：legend.show从 false 切换到 true 没有任何作用。

最近，我将 Floats 更改为 FlexBox，以便更轻松地使用面板（正如我在其他问题上所建议的那样）。虽然大多数事情都按我的预期工作，但在更改后我遇到了 Apex Charts 的问题。

完整代码在这里： https ://github.com/EvotecIT/PSWriteHTML/blob/master/Examples/Example12-Charts/Example12.html

这是加载时的外观。您会注意到，在第一行和第二行图表中，即使它们所在的面板就位并且它适用于第一行，它们也会超出范围。

如果我确实调整大小（如 1 毫米），它将开始正常工作。

知道可能是什么问题吗？

在顶点图表 CSS 中，它有不使用溢出的注释（我尝试过但它没有做任何事情）但老实说，我什至忘记附加该 CSS 并且没有任何改变（就像一切都是由 JS.

请记住，当谈到 JS/CSS/HTML 时，我完全是个菜鸟，所以请原谅我的语言。

我有一个与这个问题和这个答案相关的问题，但他们并没有完全解决我的问题。我正在使用 vue 和 apexcharts，我想从事件中返回一个值或更新一个变量。是否可以返回一些东西而不是在控制台中打印它？

像这样的东西：

我面临的问题是“this”引用了整个 vue 组件，因此找不到“series”和“active”。

这是当我单击点数据时给我“TypeError：this.series is undefined”的代码。我从父组件获得的系列数据如下所示：

这个想法是，在 dataPointSelection 上，它应该激活该系列，以便稍后访问将存储在该对象中的其他信息。

我正在将顶点图表用于现代和灵活的图表。（https://apexcharts.com/）。
这是我的代码片段：

如您所见，图表的高度是不行的。其原因是人数少。当我的数据超过 100 时，它可以工作，但是数量很少时，我遇到了这个问题。有什么解决方案可以解决这个问题？
~菲利普

我正在为一个社会开发一个网站，我正在使用apexCharts.js，我想显示一个简单的饼图，但是当我显示这个时，dataLabel 上的值是一个百分比。我不想将它们转换为值，当然当我们将鼠标悬停在饼图上时会显示真实值。

我已经阅读了文档并搜索了 datalabels 选项。我认为的方式是：

但它不起作用......所以我在github和这里都没有找到解决问题的例子。

在我的脚本下面：