问题标签 [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。
所以我拿我的 JSON 数组,循环它for
来获取我的数据集。我定义了一个数组变量datasetValue
,我分配循环数据并将其传递给我的图表实例:new ApexCharts(document.querySelector("#rssi-signal"), datasetValue);
发生的事情只是传递了最后一个数组对象,这意味着我缺少/没有传递一些东西来获取我的所有数据。
javascript - ApexCharts Stacked Columns 系列特定颜色
我想在 Apex Charts Stacked Column 中显示数据,每个系列都有特定的颜色(将产品 A 和产品 B 的颜色更改为红色和绿色)。默认 Apex 图表选择颜色。
我尝试通过添加颜色选项并设置 plotOptions,bar,distributed: true 来更改颜色。但随后孔列颜色相同,堆叠数据未分离。
感谢帮助 !
javascript - vue-apexchart实时图表不流畅
在顶点图表中,实时图表并不平滑。
当我只使用一张图表时,工作顺利。但是两个图表,运行不顺畅
我只是按照官方演示(https://apexcharts.com/vue-chart-demos/line-charts/realtime/)添加了一个图表并为第二个图表添加了函数。完整代码在这里https://codesandbox.io/s/vue-template-fhjbr?fontsize=14
这是代码的一部分
vue.js - ApexCharts filling area between lines
I have an Apex Chart with multiple lines, I would like to fill the area between each line with a specific colour. Is that possible?
I searched the documentation and it mentions the "fill" option which only seems to fill everything below a line and furthermore doesn't seem to work at all if I try to add it to my line chart.
Options:
javascript - 从radialBar Apexcharts 中删除多余的空间
我是 apexcharts 的新手,无法弄清楚如何删除此径向条形图中的多余空间。
我想拥有与我创建的相同类型的甜甜圈图,但周围没有额外的空间。
我的代码有 Javascript 和 HTML:
正如您在“图表:”中看到的那样,设置了高度,但我仍然得到了空格
我的代码链接
apexcharts - 如何在页面加载时设置 ApexCharts 高度,然后在滚动到视图时渲染图表
我有一个带有一些 ApexCharts 的项目,它们运行良好,但我想知道如何渲染图表足以在页面加载时设置高度,然后在图表滚动到视图时在图表中设置动画。
isScrolledIntoView
是一个检查每个项目是否在视图中的函数。- 将
is-animated
类设置为仅显示每个图表一次。 - 图表中的内容在 CMS 中设置,因此数据存储在
data-graph
图表 div 的属性中。
javascript - ReactJS ApexCharts 不显示工具提示
我采用发布的示例之一,并通过删除一些数据对其进行了轻微修改。当集合没有相同数量的数据点时,工具提示将停止显示。请看以下两个例子。第一个是在文档中发布的。二是修改版。从结束数据点开始悬停时,工具提示不会显示最后一列的任何内容。来自文档的示例:https ://codepen.io/junedchhipa/pen/YJQKOy
reactjs - 带有 react-apexcharts 的点击事件
我正在使用react-apexcharts
,一旦用户单击其中一个部分,我想在饼图中添加一个事件。这是我的图表:
当用户点击“Apple”部分时,我想打印“Apple”。这是我能找到的关于点击事件的最佳文档,但我无法让它工作。
任何帮助都会很棒!谢谢
javascript - 如何从 ApexCharts 获取 URI 以下载 PDF?
我已经实现了 ApexCharts,并希望将其输出到 PDF 文档中。
我试图从 获取下载 URI chart.dataURI
,但失败并出现错误:
chart.dataURI 不是函数
下面是 Apex 条形图的创建和我对下载 URI 的尝试,但它没有获取:
我希望以 PDF 格式输出,但它不起作用。
charts - 使用时间戳时 APEX 图表不显示任何内容
使用Apex Chart我想绘制时间戳。以上代码来自文档。但是当我运行它时,当我更改为数字时它不起作用。我的代码中缺少什么