如何在 ApexCharts.js 中的图例系列上悬停时显示图例工具提示
目前在 apexchart v3.19.3 中没有这样的功能，有没有人可以解决这个问题? 解决方案 我最终创建了一个自定义图例工具提示，以在将鼠标悬停在图例系列上时显示. 以下是此解决方案的步骤: 创建一个函数以将图例工具提示 html 和 css 附加到图表的图例系列容器中. 设置在这两个顶点图表事件中调用该函数:charts.events.updated()和charts
..
apexcharts相关内容
ReactJs中的ApexCharts条形图垂直类别逻辑?
我在试图弄清楚如何将正确的数据显示到正确的类别时遇到了问题.我的数据是来自 json API 的这种格式: {“名称":“产品1"，"记录": "5","月" : "一月",},{“名称":“产品1"，"记录": "10","月" : "二月",},{“名称":“产品1"，"记录": "20","月" : "三月",},{“名称":“产品2"，"记录": "5","月" : "二月",} 数据
..
在 Apexcharts.js 中限制 x 轴
我想限制我正在使用的条形图中的 x 轴，我有多个值但我只想显示 7，然后用户可以滚动查看剩余的值.这个选项存在吗? 解决方案 设置 xaxis.range 属性的值应该会有所帮助. var 选项 = {系列: [{name: '产品 A',数据:[44, 55, 41, 67, 22, 43, 13, 23, 20, 8, 13, 27]}, {name: '产品 B',数据:[13,
..
Apexchart 不使用 axios 动态更新
updateSeries 函数似乎不起作用.我不知道为什么它没有.uChart() 函数确实被调用了.我有以下代码:
我们的主页！ 从“./Menu"导入菜单从 'a
..
从 Apexcharts 中的 dataPointSelection 事件返回值
我有一个与这个问题和这个答案 但他们并没有完全解决我的问题.我正在使用 vue 和 apexcharts，我想从事件中返回一个值或更新一个变量.是否可以返回某些内容而不是在控制台中打印它? 像这样: 事件:{数据点选择:函数(事件、图表上下文、配置){this.active = this.series[config.seriesIndex];}} 我面临的问题是“this"引用了整个v
..
如何显示“正在加载..."在我的 Apexcharts 实际加载之前将文本作为占位符?
我花了一天时间来解决这个问题，但找不到解决方案.请如果有人可以提供帮助. 所以我在 React 中制作了一个加密货币跟踪器.我设法创建了一个显示多种货币的表格和一个列，在该列中我根据已经保存在 javascript 文件中的 JSON 数据为各种货币呈现 Apexchart，即 我没有调用 API 来获取数据.我已经有了静态数据.我只是以表格的形式呈现静态数据. 现在的问题是页面的加载
..
Apexchart时间轴:我如何为一系列的每个小节设置自定义链接
我使用的是 Apexchart 时间轴，我需要在点击时从每个栏中传递自定义网址. 以下是该系列的一个示例: 系列:[{名称:“系列"数据: [{x:“元素1"；y:10z:"https://google.com"}，{x:“元素2"；y:20z:"https://yahoo.com"；}]}，{名称:"series2"数据: [{x:“元素3"；y:10z:"https://stackov
..
为ApexCharts中的x轴刻度设置一定的间隔
简介: 我有一个 ApexCharts 图表，其中包含来自API的数据.我正在使用一个名为finnhub的API来获取显示在图表上的股市数据.返回的数据具有价格数组和相应的时间数组，它们的间隔时间不相等(股市在特定时间关闭)(y轴上的价格和x轴上的时间).我获取的数据具有很高的分辨率，这意味着x轴上有很多标签，使其看起来非常混乱且难以辨认.我正在使用React Hooks. 我遇到的问
..
使用Flexbox时，Apex图表无法正确调整大小
最近，我将Floats更改为FlexBox，以更轻松地处理面板(如我对其他问题的建议).虽然大多数事情都按预期运行，但更改后我的Apex Charts出现了问题. 完整代码在这里: https://github.com/EvotecIT/PSWriteHTML/blob/master/Examples/Example12-Charts/Example12.html 这是加载时的外观.您
..
将鼠标悬停在ApexCharts.js中的图例系列上时如何显示图例工具提示
当前apexchart v3.19.3中没有此类功能，有人可以解决吗? 解决方案 我最终创建了一个自定义的图例工具提示，将其悬停在图例系列上时即可显示. 以下是此解决方案的步骤: 创建一个函数，将图例工具提示html和css附加到图表的图例系列容器中. 将此函数设置为在以下两个apexcharts事件中调用:charts.events.updated()和charts.eve
..
没有WebPack无法添加任何模块
我正在使用基本的Vue路由 const routes = [ { path: "/home", component: Home } ]; const router = new VueRouter({ routes // short for `routes: routes` }); const app = new Vue({ router }).$mount("#app")
..
在状态数据中使用状态值为React应用程序中的顶点图表
我已经减少/映射数据库查询以返回像这样的数组docCalories: [123,456,789,345,234,678,234]，这是我想要的 在我要映射的函数的末尾，将其设置为状态变量maxCalories. 问题是，我试图将maxCalories的值用作另一个用于顶点图表的状态变量，但它不起作用，我想知道是否是因为我的图表series值在状态和maxCalories一起使用，而映射
..
设置高度100％时，React Apexchart不会采用其父高度
我正在处理react-apexcharts并尝试将高度设置为图表的100％，但它不接受其父代的高度，而是显示其最小高度为445px.即使设置后，我也无法理解发生了什么身高100％这样， chart: { height: "100%", }, 这是我的完整代码 import React from "react"; import ReactApexChart fro
..
如何在apexCharts上实现点击事件或数据点选择?
我正在尝试使用apexCharts javascript库，但是在实现click事件时遇到了麻烦，我已经阅读了文档，但是没有明确的示例来实现它. 到目前为止，我已经有了这段代码. var options = { chart: { height: 350, type: 'bar',
..