问题标签 [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.
javascript - 桑基图节点从低到高排序
Apache ECharts 自动将其从高值排序到低值(SubCont1 < HTCont1),但我想颠倒排序,使 HTCont1 在顶部,SubCont1 在底部。
这是一个工作示例,可以粘贴到https://echarts.apache.org/examples/en/editor.html或者可以在此处查看http://jsfiddle.net/y7emL1np/
linechart - Echart:折线图反向图例切换行为
我希望能够单击图例标签,然后将所有其他标签关闭并突出显示选定的一个系列数据。当前行为隐藏选定的图例系列。我怎么能扭转它?
javascript - Apache ECharts - 用折线图范围选择画笔
line
使用系列和水平选择画笔 ( )设置折线图lineX
似乎无法提供读取所选范围值的方法。将系列类型更改为bar
或scatter
似乎按预期工作。我想知道这是一个错误还是需要更多配置。
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 线渲染的例子都会有所帮助。
javascript - 如何用 echarts 渲染自定义线?
一直在努力寻找这个,甚至诉诸于在控制台中记录 echarts 的各种对象的输出以尝试查看发生了什么。当您在数据中指定不同的维度时,visualMap 似乎无法正常工作,因此我一直在尝试为我的线条系列编写一个简单的 renderItem 函数。我找不到有关渲染线条细节的任何文档或示例 - 具体来说,当数据传入其中时,如何获取线条起点和终点的坐标点?我可以得到该点的值(该数据点将为您提供当前数据点的坐标),但一条线由 2 个点(起点和终点)组成。我在这里想念什么?
要使用的 Codepen 示例:https ://codepen.io/WorldWideWebb/pen/JjbJpRJ
不起作用的visualMap(它改变了点的颜色,而不是线;点颜色确实改变得很好,但我想给线上色)
如果您取消注释 codepen 示例中的 visualMap 并将系列中最后一项中的“showSymbol”更改为 true,您可以看到不同颜色的点。
这个很接近,但我无法弄清楚如何同时获得起点和终点以正确创建线(x2 和 y2 都是静态的);此外,这似乎产生了一堆单独的行,而不是一个行系列:
数据示例(这是时间、风速、阵风、风向和温度);当它被拉出时,我使用 map 将其转换为简单的数组:
我的目标是显示一条线 - 时间是 X 轴,风速是 y 轴,并根据风向为线着色。就像我说的,如果我只想给点上色,所有这些都可以工作,但这会使图表变得非常混乱(不是我想要的)。
如何根据风向为每个线段着色?有人可以提供一个简单的示例来传递数据以使用 renderItem 呈现自定义线吗?
javascript - Apache ECharts 双击事件
我在 Apache ECharts 插件中遇到鼠标事件('dblclick' 和 'click')问题。当我触发鼠标“双击”事件时,它也会触发鼠标“单击”事件两次。触发“dbl click”时,如何防止“click”事件中的操作?
控制台日志:
谢谢您的帮助!
javascript - 如何在 Echarts 中将力图转换为无?
我在https://echarts.apache.org/examples/zh/editor.html?c=graph-simple中编写了这段代码
但是当点击节点时,位置不正确。
echarts 版本是 5.0.2。
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 多个小时试图让它动画化,尝试了每一个例子。我完全不走运。
有任何想法吗 ?
vuejs3 - 如何在 vue3-echarts 中调用 hideLoading()
我正在使用实现Apache Echarts的 vue3-echarts来使用 vue3创建图表。
渲染图形后,我很难摆脱 Loader。
Apache Echarts API 中有函数 hideLoading(),但不能从 vue3-echarts 实例调用它。
有没有人成功实施?
谢谢你。