问题标签 [apache-echarts]

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 投票
2 回答
361 浏览

javascript - 桑基图节点从低到高排序

Apache ECharts 自动将其从高值排序到低值(SubCont1 < HTCont1),但我想颠倒排序,使 HTCont1 在顶部,SubCont1 在底部。

这是一个工作示例,可以粘贴到https://echarts.apache.org/examples/en/editor.html或者可以在此处查看http://jsfiddle.net/y7emL1np/

0 投票
1 回答
182 浏览

angularjs - 使 x 轴值在 eCharts 中可单击

我正在为我的项目使用 eCharts,并且需要使它们可点击,以便我可以从那里调用一个函数。有没有办法做到这一点?

在此处输入图像描述

在上图中,我应该可以单击 X 轴中的任何 RTVP... 数字来触发功能。

0 投票
2 回答
654 浏览

linechart - Echart:折线图反向图例切换行为

我希望能够单击图例标签,然后将所有其他标签关​​闭并突出显示选定的一个系列数据。当前行为隐藏选定的图例系列。我怎么能扭转它?

0 投票
1 回答
663 浏览

javascript - Apache ECharts - 用折线图范围选择画笔

line使用系列和水平选择画笔 ( )设置折线图lineX似乎无法提供读取所选范围值的方法。将系列类型更改为barscatter似乎按预期工作。我想知道这是一个错误还是需要更多配置。

0 投票
1 回答
240 浏览

echarts - 使用 ECharts 绘制实时心电图数据

我正在使用 ECharts 创建实时心电图监视器。我从动态数据示例开始,https://echarts.apache.org/examples/en/editor.html?c= dynamic-data2

并修改数据以模拟心电图数据。

在此处输入图像描述

我如何渲染心电图数据?

我使用了 2 行系列并填充了来自 ECG 数据阵列的数据。基本上将心电图数据拆分为 2 个子阵列。

正如您所看到的,每次使用完整数据(移位)触发 setOption 并渲染它。

但是当我尝试添加 4 个这样的 ECG 视图时,我开始变得缓慢渲染和低 FPS 并且许多帧错过了渲染。

在此处输入图像描述

但是在心电图数据中,我们只需要在清除一个矩形部分后呈现最新接收到的数据。我们是否可以选择仅设置系列数据的更新部分?

同时,我看到了用于 WebGL 渲染的EChartsGL ( https://github.com/ecomfe/echarts-gl )。是否可以使用 echarts-gl 实时绘制 2D 点(ECG 数据)?任何使用 echarts-gl 进行 2D 线渲染的例子都会有所帮助。

0 投票
1 回答
581 浏览

javascript - 如何用 echarts 渲染自定义线?

一直在努力寻找这个,甚至诉诸于在控制台中记录 echarts 的各种对象的输出以尝试查看发生了什么。当您在数据中指定不同的维度时,visualMap 似乎无法正常工作,因此我一直在尝试为我的线条系列编写一个简单的 renderItem 函数。我找不到有关渲染线条细节的任何文档或示例 - 具体来说,当数据传入其中时,如何获取线条起点和终点的坐标点?我可以得到该点的值(该数据点将为您提供当前数据点的坐标),但一条线由 2 个点(起点和终点)组成。我在这里想念什么?

要使用的 Codepen 示例:https ://codepen.io/WorldWideWebb/pen/JjbJpRJ

不起作用的visualMap(它改变了点的颜色,而不是线;点颜色确实改变得很好,但我想给线上色)

如果您取消注释 codepen 示例中的 visualMap 并将系列中最后一项中的“showSymbol”更改为 true,您可以看到不同颜色的点。

这个很接近,但我无法弄清楚如何同时获得起点和终点以正确创建线(x2 和 y2 都是静态的);此外,这似乎产生了一堆单独的行,而不是一个行系列:

数据示例(这是时间、风速、阵风、风向和温度);当它被拉出时,我使用 map 将其转换为简单的数组:

我的目标是显示一条线 - 时间是 X 轴,风速是 y 轴,并根据风向为线着色。就像我说的,如果我只想给点上色,所有这些都可以工作,但这会使图表变得非常混乱(不是我想要的)。

如何根据风向为每个线段着色?有人可以提供一个简单的示例来传递数据以使用 renderItem 呈现自定义线吗?

0 投票
1 回答
313 浏览

javascript - Apache ECharts 双击事件

我在 Apache ECharts 插件中遇到鼠标事件('dblclick' 和 'click')问题。当我触发鼠标“双击”事件时,它也会触发鼠标“单击”事件两次。触发“dbl click”时,如何防止“click”事件中的操作?

http://jsfiddle.net/jm6uqdzs/

控制台日志:

谢谢您的帮助!

0 投票
1 回答
101 浏览

javascript - 如何在 Echarts 中将力图转换为无?

我在https://echarts.apache.org/examples/zh/editor.html?c=graph-simple中编写了这段代码

但是当点击节点时,位置不正确。

演示在这里

echarts 版本是 5.0.2。

0 投票
0 回答
773 浏览

javascript - Apache Echarts 和 Vue-ECharts - 饼图动画在加载时不起作用

我有一个工作正常的简单甜甜圈/饼图,但我无法获得默认动画或任何动画工作。

我正在使用 laravel 8、vuejs 2 和 echarts / vue-echarts。

这是我在 /resopurces/js/components/popular-brands-chart.vue 中的 vue 组件

在 bootstrap.js文件中,我也添加了它,但很确定它目前没有做任何事情,即使我使用 vue 3 示例导入它也没有任何效果。

从技术上讲,我不应该做任何事情来让它动画,没有控制台错误。这是它应该做什么的参考: https ://echarts.apache.org/examples/en/editor.html?c=pie-doughnut

我实际上可以通过 CDN 和 codepen 在这里工作,为什么它工作,我不知道: https ://codepen.io/marcgaumont/pen/OJWyZwe

这是用于 vue 的包: https ://github.com/ecomfe/vue-echarts

一切正常,但经过 10 多个小时试图让它动画化,尝试了每一个例子。我完全不走运。

有任何想法吗 ?

0 投票
0 回答
28 浏览

vuejs3 - 如何在 vue3-echarts 中调用 hideLoading()

我正在使用实现Apache Echarts的 vue3-echarts来使用 vue3创建图表。

渲染图形后,我很难摆脱 Loader。

Apache Echarts API 中有函数 hideLoading(),但不能从 vue3-echarts 实例调用它。

有没有人成功实施?

谢谢你。