问题标签 [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 投票
0 回答
117 浏览

html - Html 在 ContentFlow 中显示顶点图表

我正在使用ContentFlow库将对象显示为封面流视图。当我显示图像时,它工作正常。但是在使用顶点图表时,它的视图会受到干扰。有没有办法使用ContentFlow库以正确的格式显示顶点图表?

如果不可能,请向我推荐一些更好的库来显示?

请提供一些可靠的解决方案。我尝试了很多东西,但没有奏效

0 投票
1 回答
8356 浏览

javascript - Apexcharts 条形图未出现在 Vue.js 项目中

我正在尝试使用Apexcharts为我的 vue.js 站点创建一个图表,但是我的图表根本没有出现。

-Apexcharts 文档在这里

HTML

JavaScript

CSS

我尝试通过将“var option = ...”转换为“option:...”来使用 vue.js 全局变量,但它只给了我一个错误。

我很确定它应该显示在带有“#chart”ID的div中

非常感谢任何帮助和建议,谢谢。

0 投票
2 回答
2074 浏览

javascript - vuejs注册组件问题

我通过安装ApexChart

在我的bootstrap.js文件上,我将其导入为

在我的app.js file我导入 bootstrap.js 文件

在我的 vue 文件上我试过

但我得到did you register the component correctly?

我使用带有 vue js 的 laravel

编辑我做了一个小提琴:它仍然无法正常工作

https://jsfiddle.net/nicolas1000/rke9xadq/

0 投票
1 回答
17832 浏览

javascript - Apexchart 工具提示

我试图在我的Apexcharts 工具提示中在Y值之后添加% 。我正在使用未提供官方文档的apexchart 但我让它正常工作。这是我到目前为止所拥有的:vue.js

我尝试使用格式化程序来改变这样的结果,但它似乎不起作用。

非常感谢任何帮助或参考,谢谢。

也堆栈不会让我发布顶点图表的新标签,所以这里是官方文档。顶点图

0 投票
1 回答
1175 浏览

vue.js - Apexcharts 十字准线工具提示

我在我的应用程序中使用 Apexcharts 和 vue 包装器,文档中没有任何内容允许我编辑十字准线上的工具提示。我想编辑它的外观,因为白框不适用于页面设计。任何帮助将非常感激。谢谢你

0 投票
0 回答
75 浏览

reactjs - Apexcharts 安装到现有 React 项目后无法正常工作

我正在尝试将 Apexcharts 安装到我现有的 React 项目中,然后我正在关注官方文档,但它不起作用,但是当我尝试创建一个新的应用程序并安装它时,它就可以工作了.. ...这个问题的任何解决方案?

0 投票
3 回答
19008 浏览

javascript - 如何在 apexCharts 上实现点击事件或数据点选择?

我正在尝试使用apexChartsjavascript 库并且在实现单击事件时遇到了麻烦我已经阅读了文档,但是没有关于如何实现它的明确示例。

到目前为止,我有这个代码。

我首先尝试了该click事件,但发现我正在寻找的dataPointSelection是当用户单击柱形图/条形图时它将返回元素的事件或数据的方法,知道如何实现吗?任何建议都会很棒!

0 投票
2 回答
6307 浏览

vue.js - ApexCharts 如何动态更新 y 轴刻度?

我将 ApexCharts 与 Vue 包装器一起使用。我可以通过使用函数设置最小值和最大值来成功更改它们。this.options.yaxis[0].min = Number(4500); 例如,当我在控制台中将其注销时,该值就是我设置的值。但是,它似乎对图表本身没有影响,刻度仍然读取推送系列的默认值。

我的目标是在将新系列过滤到系列对象中时更改 y 轴上的比例。

0 投票
1 回答
553 浏览

javascript - 我无法在 Javascript 图表上显示我的数据

我创建了一个网页,其中实时显示了一些数字。数据使用 SocketIO 从 Python Flask 脚本发送到我的 JavaScript 前端。

我现在正试图在实时图表上显示这些数字,为此我正在使用 Apexcharts。问题是我不能把我需要的东西放在图表上。我根本没有收到任何错误,图表将无法正常工作或显示所有内容。

如您所见,从我的套接字接收到的数据存储在 numbers_received 中。

0 投票
4 回答
9393 浏览

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 并安装加载选择选项卡后的组件。有人知道该怎么做吗?