问题标签 [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.
html - Html 在 ContentFlow 中显示顶点图表
我正在使用ContentFlow库将对象显示为封面流视图。当我显示图像时,它工作正常。但是在使用顶点图表时,它的视图会受到干扰。有没有办法使用ContentFlow库以正确的格式显示顶点图表?
如果不可能,请向我推荐一些更好的库来显示?
请提供一些可靠的解决方案。我尝试了很多东西,但没有奏效
javascript - Apexcharts 条形图未出现在 Vue.js 项目中
我正在尝试使用Apexcharts为我的 vue.js 站点创建一个图表,但是我的图表根本没有出现。
-Apexcharts 文档在这里
HTML
JavaScript
CSS
我尝试通过将“var option = ...”转换为“option:...”来使用 vue.js 全局变量,但它只给了我一个错误。
我很确定它应该显示在带有“#chart”ID的div中
非常感谢任何帮助和建议,谢谢。
javascript - vuejs注册组件问题
我通过安装ApexChart
在我的bootstrap.js
文件上,我将其导入为
在我的app.js file
我导入 bootstrap.js 文件
在我的 vue 文件上我试过
但我得到did you register the component correctly?
我使用带有 vue js 的 laravel
编辑我做了一个小提琴:它仍然无法正常工作
javascript - Apexchart 工具提示
我试图在我的Apexcharts 工具提示中在Y值之后添加% 。我正在使用未提供官方文档的apexchart 。但我让它正常工作。这是我到目前为止所拥有的:vue.js
我尝试使用格式化程序来改变这样的结果,但它似乎不起作用。
非常感谢任何帮助或参考,谢谢。
也堆栈不会让我发布顶点图表的新标签,所以这里是官方文档。顶点图
vue.js - Apexcharts 十字准线工具提示
我在我的应用程序中使用 Apexcharts 和 vue 包装器,文档中没有任何内容允许我编辑十字准线上的工具提示。我想编辑它的外观,因为白框不适用于页面设计。任何帮助将非常感激。谢谢你
reactjs - Apexcharts 安装到现有 React 项目后无法正常工作
我正在尝试将 Apexcharts 安装到我现有的 React 项目中,然后我正在关注官方文档,但它不起作用,但是当我尝试创建一个新的应用程序并安装它时,它就可以工作了.. ...这个问题的任何解决方案?
javascript - 如何在 apexCharts 上实现点击事件或数据点选择?
我正在尝试使用apexCharts
javascript 库并且在实现单击事件时遇到了麻烦我已经阅读了文档,但是没有关于如何实现它的明确示例。
到目前为止,我有这个代码。
我首先尝试了该click
事件,但发现我正在寻找的dataPointSelection
是当用户单击柱形图/条形图时它将返回元素的事件或数据的方法,知道如何实现吗?任何建议都会很棒!
vue.js - ApexCharts 如何动态更新 y 轴刻度?
我将 ApexCharts 与 Vue 包装器一起使用。我可以通过使用函数设置最小值和最大值来成功更改它们。this.options.yaxis[0].min = Number(4500); 例如,当我在控制台中将其注销时,该值就是我设置的值。但是,它似乎对图表本身没有影响,刻度仍然读取推送系列的默认值。
我的目标是在将新系列过滤到系列对象中时更改 y 轴上的比例。
javascript - 我无法在 Javascript 图表上显示我的数据
我创建了一个网页,其中实时显示了一些数字。数据使用 SocketIO 从 Python Flask 脚本发送到我的 JavaScript 前端。
我现在正试图在实时图表上显示这些数字,为此我正在使用 Apexcharts。问题是我不能把我需要的东西放在图表上。我根本没有收到任何错误,图表将无法正常工作或显示所有内容。
如您所见,从我的套接字接收到的数据存储在 numbers_received 中。
javascript - 使用 Bootstrap Vue 在 Vue JS 上单击选项卡后如何加载组件?
我在 HTML 中有以下代码(使用 Vue JS 和 Bootstrap 编码):
该卡片包含 4 个选项卡,其中一个名为“销售”,它<sales-analytics></sales-analytics>
是我创建的一个组件,用于使用 Vue-ApexCharts 库呈现图形。但是,选择选项卡时,图形不会自动呈现。它只能在我在 Chrome 上单击 F12 后运行,重新加载页面也不起作用。
我认为该组件应该只在选择选项卡后运行,而不是在加载站点时完全运行(因为当站点加载时未选择选项卡时,这会导致呈现问题)。有谁知道如何实现这个?还是解决此问题的替代方法?
脚本部分的更多内容:
编辑:经过相当多的谷歌搜索,我发现了这个:https ://github.com/apertureless/vue-chartjs/issues/157 这与我的情况有非常相似的行为,我想 v-if 并安装加载选择选项卡后的组件。有人知道该怎么做吗?