问题标签 [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.
javascript - ApexCharts 强制 100% 高度
我已经为这个问题苦苦挣扎了一段时间,我需要在height
你的容器中拥有 100% 的图形。
对于我向他表明他的身高:'100%' 的权重,上面和下面仍然有空格,tabiem 我给予了false
重视,yaxis
但问题仍然存在。
能解决它的人将不胜感激。
javascript - 如何为混合类型图表设置固定范围的数据
我有一个组合/组合图表类型(行和斜线)中的行图,我想为行和斜线定义一个固定的数据比例,如何设置默认值?
javascript - 如何使用其他数组为 ApexCharts 动态创建和命名 N 个数据系列?
我正在使用 ApexCharts 来显示数据库中的数据,它工作得非常好,直到我必须创建多个数据系列。我以这样的多个数组的形式获取数据(注意:我没有得到水果列表,这是为了举例)
fruits[0] 与 dates[0] 和 values[0] 一起使用(将它们视为数据库中的行)。
在这种情况下,我只有一个数据系列要传递给 ApexCharts,我可以这样做:
但它仅在“fruits”数组仅包含一种水果而不包含不同种类时才有效。所以如果我的数组是这样的:
我必须动态创建 3 个以水果命名的数组(因此在本例中为“苹果”、“香蕉”和“草莓”),每个数组都包含相应的日期和值。每个数组看起来像这样:
这些数据系列将像这样传递给 ApexCharts:
我的问题如下:
我不知道在运行之前我需要创建多少个系列,我不知道它们的名字,也不知道如何动态地将它们传递给 ApexCharts(如果有 N 个系列,我需要 N {label /data} 子句)。
我已经开始为每个水果动态创建一个数组,它看起来像这样:
然后我可以稍后访问每个数组,但前提是已经知道“fruits”数组中的不同值。
javascript - 如何判断某事何时完成渲染?
我有一堆图表一次渲染(〜20-30)我希望它们渲染得更像5块。
有没有办法知道第一批何时完成渲染,以便我可以设置第二批开始?
angular - 如何在 Angular 7 中使用`apexchart`?
如何apexchart
在 Angular 7 中使用?有人可以在打字稿中实现它吗?我正在 Angular 中搜索它的打字稿实现,但我无法做到。我的 Angular 版本是 7.2.4。
apexcharts - 在条形图中,是否可以在当前月份(投影)中创建仅条形标记?
我想创建一个标记,以进行价值投影,但仅限于当月的栏。
javascript - ReactJs中的ApexCharts条形图垂直类别逻辑?
我在试图弄清楚如何将正确的数据显示到正确的类别时遇到问题。我的数据是来自 json API 的这种格式:
数据模型的一个例子。
这是我已经花费了几天时间的顶点图表中的 ReactJs 中的状态,我尝试根据字母对其进行排序:数据在图表中显示错误。我正在阅读文档,但不知道该怎么做,或者如何让逻辑正确。类别不能如此重复:[Jan, Feb, March] 并且数据[记录] 在它自己的类别中必须是正确的。
javascript - Apexcharts 在渲染新系列之前删除旧数据系列
我正在使用顶点图表从 json 输出中进行简单的数据可视化。我的图表基于纯 javascript 而不是 Vue 或其他框架。
我的 json (php) 后端创建两个 json 输出来绘制如下图表
JSON 1
JSON 2
基于上述两个 json 输出,我检索数据并使用类别配对值方法绘制图表。下面是负责检索数据和绘制图表的代码。
获取json数据的函数
绘制图表功能
这工作正常,直到我第二次用新数据渲染图表。当我在不重新加载 Windows 图表的情况下加载不同的数据时,碰巧会出现滞后并使用旧的不正确数据多次渲染。有时我必须多次运行 data_fnction 才能正确呈现图表。
我怎样才能解决这个问题?我需要使用像 appendchart 这样的功能吗?我如何使用我的 data_function
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