问题标签 [apexcharts]

我有一个顶点条形图，它将在 0 到 12 的范围内绘制条形图。有 6 个可能的点，我需要能够显示与这些点对应的文本。

例如：

范围 0 - 2 表示“Alpha”的值。

2 - 4：“测试版”

4 - 7：“伽玛”

7 - 11：“三角洲”

12：“厄普西隆”

我如何能够在 x 轴上添加这些自定义点？（另外，由于某种原因，12 根本没有显示，因为它是最后一个值？）

有没有办法在 ApexCharts (VueJS) 的热图图表中提供缩放功能

我能够放大和缩小 x 轴，但 y 轴值没有反映。

这在 ApexCharts 的热图图表中是否可行？

提前致谢！

我正在尝试在 WPF webBrowser 中运行 Apexcharts.js。图表处理正是我想要的，但是下载 svg 会产生一个 Javascript“访问被拒绝”。我无法访问浏览器调试工具，并推测它与 DOM 有关，但无济于事，错误字符位置位于函数中间（在“document.body.appendChild(i)”之后打电话），但我认为这可能是在吠叫错误的树。使用了 CDN 和本地副本，并在运行良好的标准浏览器中运行该文件。我已将内容作为物理文件和 NavigateToString 放入控件中。

我有一个 vue.js 2.0 应用程序，我需要发布第一个顶点图表示例：https ://apexcharts.com/docs/vue-charts/

目前，我的应用程序没有使用 IMPORT 语法并且运行良好。我没有使用 Babel 或 WebPack。

这是我的路由器：

这是我的 Home 组件：

如果您查看 ApexChart 第一个示例，我必须使用 IMPORT 和模板应答器：

1. 导入不起作用（错误）：

   SyntaxError：导入声明只能出现在模块的顶层

   [Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

2. 我不能将模板放在另一个模板中。

我该怎么办？

我在哪里可以放置此代码？

我在 index.html 中加载 Apexcharts，如下所示：

编辑 2：

这是我更新的组件：

我仍然收到以下错误：

我正在尝试在 INDEX.HTML 中像这样导入：

我是否必须使用 Babel 或其他东西才能导入工作？

我正在使用基本的 Vue 路由

取自这个绿色示例： 我们可以在没有 .vue 扩展组件和 webpack 的情况下制作 vue.js 应用程序吗？

一切工作完美无缺。我没有使用 webpack。

现在，我在 index.html 中添加 APEXCHARTS 库

这是我的组件之一，使用文字

这就是错误

我的问题是：如何在不使用 WEBPACK 和使用 vue 2 路由器的情况下导入这个模块或任何其他模块？我不能使用'IMPORT'，它不起作用，有没有办法在 vue 实例化 new Vue 中提及模块名称？

过去，ANGULARJS 需要模块名称，但是在那里，我不知道在哪里添加模块名称，我不能使用 IMPORT 语法，请帮忙。

谢谢

编辑：我做了一个 FIDDLE： https ://jsfiddle.net/nicolas1000/rke9xadq/

我是 vue.js 2 的新手。我目前正在使用 vue 框架在内部重新创建此图： https ://codepen.io/apexcharts/pen/rqWeBX

我需要从 generateDayWiseTimeSeries() 函数中获取一些数据。我目前正在从 DATA() 调用它，它导致我出现此错误：

我已经尝试使用 .this 语法返回数据并将函数放在 created: 部分中，但没有运气。

这是我的 vue.js 代码，如果您能告诉我这是否是正确的做法，我将不胜感激。

编辑：修改

现在它似乎正在工作！

我正在尝试使用 ReactJS 中的 ApexCharts 生成具有随机值的实时图表。我从这个网站https://apexcharts.com/react-chart-demos/line-charts/realtime/有这个代码，并且图表工作正常但是每当我导航到其他选项卡时，我都会收到一个错误TypeError: Apex._chartInstances.filter(...)[0] is undefined提示继续成长。我想当我更改选项卡并查找指定的 ID 时，该功能不会在后台停止，找不到它，这就是它的行为方式。关于如何intervals()在切换到另一个选项卡之前停止该功能的任何建议？这就是我在我的: ` 中调用Progress组件的方式App

当我在数据系列中同时使用 x 和 y 时，我无法从图表周围删除填充。

请参考以下工作代码笔：

https://codepen.io/bmecler/pen/oNNdXjQ

然后在这里我修改导致填充的数据系列：

https://codepen.io/bmecler/pen/Jjjvomp

我尝试添加选项，例如：

编码：

HTML：

CSS：

JS：

I am using react-apexcharts to display data on chart. Chart display data from ascending order like from January to December but I need to display in descending order like from December to January.

Is there any option to change the order.

我在 nuxt 中使用顶点图表
并在我的代码中应用插件，
这在开发模式下工作

但不能在构建源中工作

这是我的代码

plugins/vue-apexchar.js

nuxt.config.js

周图.vue

这些代码在开发模式下工作但不能工作构建文件
我需要你的帮助来解决这个问题
请帮助我
这是我的源代码> https://github.com/zoz0312/Nuxt_Blog