问题标签 [apexcharts]

我们正在尝试制作一个设计，例如每个条形都有唯一的轨道颜色，而不是多个条形中的通用颜色，但我没有在文档中找到相关帮助。请有人帮我解决这个问题。

以下是我的工作代码，

提前致谢，

我正在使用 react-apexcharts 库：https ://github.com/apexcharts/react-apexcharts 。

当我导入一个将 lib 导入页面的组件时，当我导航到它时效果很好（客户端路由）。但是当直接使用 URL 访问页面时，出现错误：

值得注意的是，我使用的是使用服务器端渲染的 next.js。

该代码与 IMO 无关，我只是从他们的 github 文档中创建了示例组件：

我定期导入它：

我怎样才能解决这个问题？我认为这是 next.js 的服务器端渲染的问题

我正在使用apexcharts vue 绑定来绘制一些条形图。

正如文档所说，应该可以通过 set show:false as seen there来禁用工具栏。

所以我在我的辅助函数上做到了：

我通过这种方式将它传递给我的 vue 组件：

但是菜单仍然存在：

欢迎任何指导。

我正在使用 apexchart 库在Vue.js散点图上绘制数据。我使用 Python 和 Flask 从后端获取数据。我能够从后端获取数据到前端，但是散点图没有显示任何内容，控制台上也没有错误。我的预期结果应该是包含我从后端获得的所有坐标值的散点图，即我的 .py 文件。

我在浏览器上得到的结果

在尝试使用 Apexcharts 库渲染图表时，我需要一些 CSS 问题的帮助。

我的第一个问题是数据标签在滚动后面。我希望offsetX保持在 20px 左右，因为我想要条形图旁边的数据标签。如下图所示，数据标签data_10位于滚动条后面：

当数字变大时，它变得更加明显。

我的第二个问题是是否有可能使图表的各个条形的高度固定并让图表采用 100% 的高度。这是因为如果有很多数据，很难读取标签：

此外，如果只有一个（或几个）数据点，它会占用所有空间，您无法读取数据标签。

因此，是否可以将每个条形高度设为50px例如？该图可以占用它需要的所有空间，因为它被包装在一个允许垂直滚动的容器中。

这是我的代码：https ://jsfiddle.net/763mkaze/2/

我正在尝试生成一个处理非常小的数字的图表。但是 ApexCharts 上的 x 轴（实际上是 y 轴，因为它是一个水平堆叠条形图）仅显示零，这具有隐藏一些数据条的效果。

我试过了

...和...

...但两者都不起作用（第二个选项会使浏览器崩溃！）

一个非常基本的示例，根本没有太多数据：

https://codepen.io/anon/pen/JxojwZ

如果您在日期之间切换（使用底部的日期选项，您将看到默认情况下不（但应该）显示的额外数据。

还有什么我可以尝试的吗？

I am trying to use dynamic data in my donut apexchart, but I don't know the correct way to do it.

I tried setting "test: 5" under data and then change the static number in series: [this.test, 4, 1]. Did not output anything, I am new to programming.

My goal is to reach in to firebase and use the data from there, but to start with I just wanted to test out how to add any data and failed here already.

我正在尝试使用 React 中的 ApexCharts 将一些基本样式应用到我的工具提示中。

这是我的配置：

我可以使用深色默认值（如深色背景和白色字体颜色等）查看它，但我无法使用我自己的默认值。

提前致谢！

我试图仅在混合/组合图表类型（折线和条形图）中显示折线图的数据标签，但我找不到为条形系列禁用它的方法。

可以在此链接中可视化代码 这是我现有的代码。

是否可以选择关闭混合图表中特定系列的数据标签？

我正在尝试使用这个名为 apex charts https://apexcharts.com/react-chart-demos/column-charts/dynamic-loaded-chart/

通过使用该网站提供的代码 yearSeries.data[selectedIndex].quarters 对我来说是一个未定义的值。谁能告诉我这张图将什么样的数据作为输入

有这个 makeData() 在那里被调用，谁能告诉我它的返回值

提前致谢。