问题标签 [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.
reactjs - 顶点图表中的tickAmount 无法正常工作
我正在尝试为我的反应项目创建一个图形组件。虽然我指定tickAmount
为 10,但它显示了从 1 到 300 的所有数字。它应该只打印 10 个数据点:
apexcharts - 如何将 ApexCharts 烛台图表与同一图表中的多条线结合起来
我想在 ApexCharts 烛台图表中添加多条线。这些线有不同的长度。我怎样才能做到这一点?(我使用除 java (LiveCode) 之外的另一种语言进行开发,但想使用 ApexCharts 在浏览器小部件中显示带有阻力线和趋势线的股票图表)。
试图在蜡烛图中复制折线图脚本,但我无法在蜡烛图中显示线条。在原始烛台图脚本下方显示了占据 html 页面 (basic.html)
呐
vue.js - Apexcharts:是否可以显示给定系列的子集?默认情况下,我只需要关注一个系列的最后 5 个元素......而不是整个系列
我只需要关注数组的最后 5 个元素,并允许 pan 显示我的系列的另一部分。可能吗? 这是我的例子
javascript - ApexCharts如何更新图表类型
我需要更新已经渲染的 ApexCharts 的图表类型。
从我查看的方法来看,我尝试使用该updateOptions()
方法,但返回以下错误:Uncaught TypeError: Cannot read property 'querySelectorAll' of undefined
.
我也有另一个问题......我可以在不再次通知数据的情况下更新图表吗?
代码: https ://jsfiddle.net/leorcdias/yzwx6qh4/4/
我的想法是更新图表而不必重新放置数据......
我真的希望有人能帮助我!谢谢..
charts - Apex 图表工具提示格式化程序:如何将数字转换为字符串
我试图在工具提示(顶点图表)中显示折线图的 y 值。原始数据在序列 {'8:50 AM', '11:00 AM', '9:02 AM'...} 中以字符串格式设置,但它们显示为 '8', '11', '9 '... 在工具提示中,以数字格式四舍五入。我不明白为什么字符串数据会自行转换和舍入。我使用 'toString' 在工具提示格式化程序中显示全文('8:50 AM'、'11:00 AM'、'9:02 AM'...),但它不起作用。有什么建议吗?
javascript - 数组 [索引] 返回未定义,而数组本身显示每个索引
我正在尝试为我延迟加载的项目获取一些单独的图表(图形)数据。为此,首先我获取项目(每个延迟加载 10 个),然后组合这些项目的名称并将其(组合名称字符串)发送到另一个 API 方法,并获取这 10 个项目的图表数据。在我将 Chart 组件(它是一个 apexcharts 组件)放入页面之前,一切似乎都运行良好。当我尝试这样做时,它总是抱怨系列标签(属性)未定义,因此无法获得未定义的 [0] 索引。
好吧,为了完成这项工作,我首先尝试查看是否一切正常,并通过在代码中放置 console.log 条目进行相应的分配。在看到一切正常后,我放置了 Chart 组件代码,但无论我做什么,它总是说 series 属性未定义。基本上我所做的一切都在第一个的 finally 块中Promise.all()
。
对于那些[看不到图片链接的人] ( https://pasteboard.co/IAf7wNbW.png )
reactjs - 无法从特定事物中检索值
我是 apexchart 和 reactjs 的新手,不知道如何根据编号显示系列。特定月份的消息,而不是提供静态数据。我已经浏览了这个链接“ ApexCharts barchart vertical categories logic in ReactJs? ”但无法正确放置逻辑。
这是代码
javascript - 带有vue的apexcharts,切换stackType不会正确呈现比例或值
当我将 chart.stackType 从“100%”切换到“正常”时,它看起来像 ApexChart 错误(或者我遗漏了什么)。
'100%' stackType 将渲染 Y 轴从 0 到 100 并将数字显示为百分比。当我使用 Vue 从“100%”动态切换到“正常”时,图表不会改变 Y 轴或比例;它也不会改变它显示值的方式:它显示正确的数值,但在它们上添加“%”符号。
要查看它,这里有一个 codePen:https ://codepen.io/shprung/pen/poooGMK?editors=1010 单击按钮切换 stackType,您将看到 Y 轴保持 0-100。
我是否需要通过在线文档中错过的一些 API 调用来设置一些“重置和重新渲染”?
javascript - 如何在前端渲染 Apexchart(JS 库)?
我想为我的仪表板使用 Apexcharts 库。现在我已经被他们文档中的一个非常简单的例子所困扰(根据文档)。
我使用了他们的示例并尝试通过 ID 将其链接到我的画布容器,但是当我加载站点时它根本不显示。
我在最底部的 index.html 中包含了 cdn 链接,并且在我的控制台中没有任何错误。
根据开发人员工具,至少发生了一些事情:
这是我的 JS:
这是画布容器: