问题标签 [apexcharts]

我使用 vue-apexcharts 在仪表板中绘制图表。我创建了一个通用文件，其中包含所有图表的基本选项（以统一样式和代码可重用性），并在必要时使用mergeDeep() 函数扩展/覆盖此对象。xaxis 类型默认定义为“类别”，如果“日期时间”图表需要，此值稍后会更改。

将 xaxis.type 覆盖为“日期时间”时，图表会失败并显示 unix 纪元值而不是格式化的字符串日期。如果图表是独立的，或者我从基本选项文件中删除 de xaxis.labels 对象，则不会发生这种情况。

我正在使用最后一个 apexchart (3.8.0) 和 vue-apexcharts (1.3.6) 版本。

使用 new Date() 正确创建日期。

我尝试过的事情：

1. 独立图表。有效，但我可能需要合并图表

2. 删除 apexchartGenericOptions.js 对象中的 xaxis.labels 对象。工作，但轴没有样式。

3. 使用 JSON.parse(JSON.stringify(options)) 深度克隆所有单独的选项对象。mergeDeep() 函数使用 Array.reduce 创建一个完整的新对象，因此它不应该是突变的问题。不工作。

4. 重置几个我不知道在哪里创建的属性convertedCatToNumeric: true，和categories: []。不工作

我创建了一个代码沙盒示例

xaxis 配置在apexchartGenericOptions.js

不同图表的新选项对象apexOptions.js

在我的 vue 组件中，我将其存储到数据中或在计算中返回

我希望 xaxis 在折线图中被绘制为类别，在柱状图中被绘制为格式化字符串日期时间，但它被绘制为数字 unix 纪元。仅当我删除 xaxis.labels 对象apexchartGenericOptions.js或仅绘制一个图表时才能正确绘制。

我正在尝试根据从服务器获取的数据大小调整“Apexcharts 热图”的高度

我已经尝试将代码放入 componentDidMount() 方法以及来自服务器的数据的位置，它没有帮助

在我的构造函数中，我有

this.state{ hmheight=34; }

然后在我获取数据的方法中

if(datasize){ this.setState({hmheight=90}) }

然后在渲染中

注意到系列更新和视图发生变化，但高度没有变化，而系列和高度在同一个函数中发生变化

我希望根据来自服务器的数据来改变高度。

我需要修改 ApexCharts 中饼图的工作方式，特别是我需要重写 Pie 类的“drawArks”方法，但我似乎无法访问该类。ApexCharts 使用某种工厂函数来创建类，但我不熟悉这种模式，也不知道它是否可配置。我可以覆盖图表方法吗？

解释

我正在使用 redux 更新提供给 React JS Web 面板中图表的值。问题是当我从时间序列转移到类别时，x 轴上的类别消失了。

这是我的代码。组件.js

<Chart options={this.props.options} series={this.props.series} type="area" height="387" />

在减速器中，我像这样更改我的数据，

我记录了发送到图表组件的系列对象和类别对象，图表应该根据所选的时间段、每月、每周等进行更新。

类别对象为空，后者为系列对象数据。 这显示了图表。

这显示了记录的类别对象和系列对象 这里 x 轴元素（类别）不会显示。静态完成后，我可以看到 x 轴元素。

我正在尝试使用ApexCharts将饼图添加到我的网站。我从他们的网站复制了源代码，但在我的网站控制台中收到错误“无法将类调用为函数”。

删除此行时错误消失：

也许有一个小问题。

来自文件 PieChart.vue 的源代码

还有我的第二个文件，我在其中导入 PieChart.vue

我正在使用带有 react 的 apexcharts 来构建一个包含两个系列的图表：一个是价格，它应该被可视化为烛台图，另一个是交易量，它应该被可视化为条形（或折线）图。是否可以将两者都放在同一个 XY 轴上？

我知道在附图中的同一 XY 轴上可能有两个（或更多）折线图，但我没有看到烛台图的示例。 对于这个例子，我想用烛台图替换红线。

我正在尝试在 apexcharts 中显示图表，并使用变量作为数据。当我这样做时，什么都没有显示。请参阅以下内容：

将变量message用作数据不起作用。当我换行时：

至

它显示正确。但是，我必须使用一个变量。我该怎么做呢？

我正在使用 ApexCHartsJS，我希望 DATA 显示一个 PHP 变量，我的 PHP 变量看起来像这样 '%number%'

我创建了变量 gra / lis / voc / rea / ave ，但结果我得到空白图表

预期数据是每个变量的数字，请分享您的知识

当我更改图表的宽度时，updateOptions它的宽度与初始负载不同，即使宽度值相同。

我正在使用这些非常基本的初始选项渲染图表：

我将图表渲染react-apexcharts为

然后改变我打电话的宽度

其中 newOptions 与原始选项相同，宽度不同。

但即使我更新具有相同宽度的选项，与plot-series初始加载相比，它也会缩小（条形）。

第一张照片 - 原创。

第二张照片 - 搞砸了（在照片中，图表宽度是完整的屏幕截图，但是当以编程方式设置图表宽度时，情节系列会缩小，如图所示

我正在使用ReactApexChart在反应应用程序中显示饼图。我希望四个饼图在一个内部水平对齐，但默认情况下，它每次都会div创建垂直对齐的图表。div该文档没有任何帮助。