问题标签 [apexcharts]

我正在使用 Apexchart-reactjs 库来绘制折线图，​​问题是我需要用阿拉伯语制作 y 标签，但我认为它不支持，我已经联系了 github 上的库开发人员但有延迟作为回应，所以我决定问你是否有解决这个问题的方法

屏幕截图为您说明问题：

您可以将颜色数组用于范围图吗？我抓住了在条形图中工作的相同数组，但在范围条形图中忽略了颜色。

我希望能够使用此循环的结果： <div *ngFor="let hour of hours | async">{{ hour.messages }}</div> 在[series]Apex Chart 中使用。

例如： <apx-chart *ngFor="let hour of hours | async" class="apex-charts" [series]="{{ hour.messages }}" [chart]="lineChart.chart"></apx-chart>，这显然不起作用。

[series]="[{name: 'Messages', data: [message.sunday, message.monday, message.tuesday, message.wednesday, message.thursday, message.friday, message.saturday]}]"在另一个图表中，当我在其中放置一个循环时，我能够成功使用<div *ngFor="let message of messages | async">，但我希望不必明确声明订单。

（虽然这些数据每天都会发生变化，但我并不认为需要将数据实际显示在图表上。）

我正在研究 Apexcharts RadialBar 图表。我能够实现此图表，但我正在尝试将未进行部分灰色的颜色更改为蓝色。

代码

蓝色以下的东西需要变成蓝色。现在它显示为灰色。

我有一个以阿拉伯语和英语显示数据的 IR。

IR 数据视图正确显示数据，但是当我更改为带有包含阿拉伯字母的标签的图表视图时，它会显示带有外来字母的图表标签，如图所示。

注意：- Apex 版本 18.2

我正在尝试让 Apex 图表（在 Vue.js 中）也更新它们的标签。我使用以下示例作为基础：

https://apexcharts.com/vue-chart-demos/pie-charts/update-donut/

我做了一个非常基本的图表来演示这个问题。它在开始时有数据项和 3 个标签。更新按钮连接到更新事件。当您单击它时，数据会更改，但标签不会。两种都试过 - 直接设置：

并使用 vue 机制：

不过，他们似乎都没有改变标签。

这是它的代码笔： https ://codesandbox.io/s/vue-basic-example-z72rk?fontsize=14&hidenavigation=1&theme=dark

我想我对 Apex 饼图/甜甜圈图的工作原理有一些了解，但我似乎也无法在文档中找到这一点。

据我所知，我已经反映了 ApexCharts 示例中所示的系列格式，但图表看起来真的错了。

我用我的测试数据和图表渲染笨拙地做了一个代码笔。我已经尝试过使用不同的日期格式，但它们都呈现相同的。

https://codepen.io/yaehjs/pen/wvBdMWB

],

谁能看到我的数据哪里出错了？

如果我将两个 Y 轴添加到 Apexchart，它会被推到包装器之外并且无法正确调整大小。我想在图表的左侧显示一个 Y 轴，在图表的右侧显示另一个。

我试图在我的开发工具中对其进行调试，但我确信这本身就是一个画布问题。

我提供了下面的片段，它显示了左侧 Y 轴和 Jan 数据是如何超出范围的。

在 ApexCharts 工具栏中，可以选择将图表下载为 PNG 文件。有没有办法在 NestJs（或 Node）后端自动生成静态 PNG 文件，在元标记中使用这些静态图像进行开放图形和社交共享？

更新：图表库似乎严重依赖浏览器来呈现图形，如果我想这样做，我需要在后端运行浏览器（例如 PhantomJs）。

我正在使用 apex 动态图表Apex 动态图表

而且我被困在 ajax 调用和图表渲染部分。有国家条形图。当我单击国家/地区栏时，选定的 countryID 将传递给下面的 updateStacked100Chart 函数（使用 countryID 调用 ajax webapi），以在 stack100 顶点图表中获取该国家/地区的区域数据。在ajax调用完成之前先渲染一个空的stacked100 apex Chart。我该如何解决？