问题标签 [apexcharts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
5600 浏览

javascript - ApexCharts 强制 100% 高度

我已经为这个问题苦苦挣扎了一段时间,我需要在height你的容器中拥有 100% 的图形。

对于我向他表明他的身高:'100%' 的权重,上面和下面仍然有空格,tabiem 我给予了false重视,yaxis但问题仍然存在。

能解决它的人将不胜感激。

0 投票
1 回答
901 浏览

javascript - 如何为混合类型图表设置固定范围的数据

我有一个组合/组合图表类型(行和斜线)中的行图,我想为行和斜线定义一个固定的数据比例,如何设置默认值?

这是我现有的代码。

0 投票
2 回答
3787 浏览

javascript - 如何使用其他数组为 ApexCharts 动态创建和命名 N 个数据系列?

我正在使用 ApexCharts 来显示数据库中的数据,它工作得非常好,直到我必须创建多个数据系列。我以这样的多个数组的形式获取数据(注意:我没有得到水果列表,这是为了举例)

fruits[0] 与 dates[0] 和 values[0] 一起使用(将它们视为数据库中的行)。

在这种情况下,我只有一个数据系列要传递给 ApexCharts,我可以这样做:

但它仅在“fruits”数组仅包含一种水果而不包含不同种类时才有效。所以如果我的数组是这样的:

我必须动态创建 3 个以水果命名的数组(因此在本例中为“苹果”、“香蕉”和“草莓”),每个数组都包含相应的日期和值。每个数组看起来像这样:

这些数据系列将像这样传递给 ApexCharts:

我的问题如下:

我不知道在运行之前我需要创建多少个系列,我不知道它们的名字,也不知道如何动态地将它们传递给 ApexCharts(如果有 N 个系列,我需要 N {label /data} 子句)。

我已经开始为每个水果动态创建一个数组,它看起来像这样:

然后我可以稍后访问每个数组,但前提是已经知道“fruits”数组中的不同值。

0 投票
0 回答
111 浏览

javascript - 如何判断某事何时完成渲染?

我有一堆图表一次渲染(〜20-30)我希望它们渲染得更像5块。

有没有办法知道第一批何时完成渲染,以便我可以设置第二批开始?

0 投票
3 回答
5531 浏览

angular - 如何在 Angular 7 中使用`apexchart`?

如何apexchart在 Angular 7 中使用?有人可以在打字稿中实现它吗?我正在 Angular 中搜索它的打字稿实现,但我无法做到。我的 Angular 版本是 7.2.4。

0 投票
1 回答
307 浏览

apexcharts - 在条形图中,是否可以在当前月份(投影)中创建仅条形标记?

我想创建一个标记,以进行价值投影,但仅限于当月的栏。在此处输入图像描述]![在此处输入图像描述

0 投票
1 回答
172 浏览

javascript - Apexchart 标记溢出错误

通过一个演示 Apexchart,我注意到了这个问题:

演示

标记显示不正确。

这是一个演示:

密码笔

日期和时间充满了这个:

有没有办法解决这个问题?

0 投票
1 回答
1062 浏览

javascript - ReactJs中的ApexCharts条形图垂直类别逻辑?

我在试图弄清楚如何将正确的数据显示到正确的类别时遇到问题。我的数据是来自 json API 的这种格式:

数据模型的一个例子。

这是我已经花费了几天时间的顶点图表中的 ReactJs 中的状态,我尝试根据字母对其进行排序:数据在图表中显示错误。我正在阅读文档,但不知道该怎么做,或者如何让逻辑正确。类别不能如此重复:[Jan, Feb, March] 并且数据[记录] 在它自己的类别中必须是正确的。

0 投票
1 回答
14634 浏览

javascript - Apexcharts 在渲染新系列之前删除旧数据系列

我正在使用顶点图表从 json 输出中进行简单的数据可视化。我的图表基于纯 javascript 而不是 Vue 或其他框架。

我的 json (php) 后端创建两个 json 输出来绘制如下图表

JSON 1

JSON 2

基于上述两个 json 输出,我检索数据并使用类别配对值方法绘制图表。下面是负责检索数据和绘制图表的代码。

获取json数据的函数

绘制图表功能

这工作正常,直到我第二次用新数据渲染图表。当我在不重新加载 Windows 图表的情况下加载不同的数据时,碰巧会出现滞后并使用旧的不正确数据多次渲染。有时我必须多次运行 data_fnction 才能正确呈现图表。

我怎样才能解决这个问题?我需要使用像 appendchart 这样的功能吗?我如何使用我的 data_function

0 投票
1 回答
611 浏览

javascript - Ajax 在 Bootstrap 选项卡中重新加载内容

问题似乎出在几个地方。要开始我的图表,我试图在第三个选项卡中显示不会显示绑定到 div 的 JavaScript。我相信这是因为它们在 HTML 类中设置为非活动状态,然后它不会加载图表<div>来显示图表。
我不确定解决这个问题的方法,我研究了 DOM 事件和 Ajax 加载函数。但我不确定这是否真的是正确的答案。

我尝试解决此问题的方法是使选项卡处于活动状态。但是说将来我想要所有三个选项卡上的图表,它仍然只加载活动选项卡。另外,我尝试将顶点图表图形 JS 代码放在我的点击功能中,这也可以。但是,如果您按 1 -> 2 -> 3 的顺序单击选项卡,您将再次加载 3 个图表。

所有这些都使用 Apex 图表、Bootstrap、PHP 和 JS。

这是 Apex 图表

我得到的唯一错误消息如下:

我查看了帖子寻求帮助,但没有足够的答案 Bootstrap load AJAX content in Inactive Tab Reloading Content of Ajax Tab bootstrap popover: reload content with ajax