问题标签 [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 回答
5815 浏览

javascript - 具有不同工具提示的 EChart 系列

我的 Angular 应用程序中有以下 EChart:

我基本上有two series,我的问题是如何tooltip专门为每个系列格式化。

在我的示例中,仅显示第一个系列中的“文本 1”。

0 投票
1 回答
765 浏览

javascript - 在 EChart 上画圆

我有以下 Apache EChart:

https://echarts.apache.org/examples/en/editor.html

我想要实现的是绘制一个给定 x 和 y 坐标的圆。

在此处输入图像描述

有人可以给我一个提示如何实现可能的解决方案吗?我应该在 ECharts 创建的画布上画画吗?如何映射位置?

0 投票
1 回答
1137 浏览

reactjs - 'Echarts' 不能同时指定 X 轴和 Y 轴作为类型:值

我使用 Apache Echarts 并且使用 type: 'value' 在 X 轴的情况下工作时遇到问题。

我的代码: 你可以在这里试试

};

根据 API 的文档,

x轴。类型

'category' 类别轴,适用于离散类别数据。

'value' 数值轴,适用于连续数据。

X轴类型:文档

当我使用“类别”作为类型时:对于 x 轴,它给了我预期的曲线,但 x 轴的间距不均匀。

与值对应的 x 轴间距不正确的预期曲线类型

但是我必须绘制来自传感器的大约 10,000 个连续数据点,就像 x 轴的数据一样。API 建议对此类数据使用 xAxis.type: 'value'。当我设置 xAxis.type: 'value' 时,渲染看起来像这样。

意外的结果

如果有人可以帮助我并告诉我哪里出了问题或者这是否是一个实际的错误,那就太好了。

0 投票
1 回答
190 浏览

echarts - Echarts:边缘切割的热图图块

Echarts 版本:4.8

我在同一张地图上使用散点图和热图系列。

问题是在右边界上,热图被剪切到最后一点。

如何显示完整的热图图块?我在这里想念什么?

谢谢

例子

示例 2

0 投票
0 回答
360 浏览

reactjs - 如何在 Echarts-for-React 或简单的 Echarts 中更新缩放地图(georoam)

我一直在互联网上搜索,但没有找到答案。我正在尝试使用 Echarts for React 制作地图。我想更新缩放地图(georoam)以显示较小的区域。例如,在 zoom=1 时将显示省份,在 zoom=3 时地图将显示区域等等。事件侦听器 georoam 不会返回正确的当前缩放值。如果我放大它返回 1.1,如果我只缩小 0.9。所以我试图手动计算和设置缩放,但地图不能正常工作,它只放大到中心,我根本无法移动它。所以也许你知道一些好的解决方案。下面我粘贴我的 georoam 函数的代码

我将非常感谢您的帮助

0 投票
1 回答
1253 浏览

javascript - ECharts - 视觉地图不渲染线条颜色(用笔)

我正在尝试使用 echarts 中的可视化地图根据我的系列数据中的维度为线条着色。目前,该系列的 LABEL 正在根据此地图正确着色,但线本身不是。这是一个错误还是我做错了?

我真的更喜欢这些值之间的梯度,但在这一点上,我会取得任何进展。

代码笔在这里

0 投票
1 回答
1069 浏览

javascript - 如何在echarts条形图中使条形周围的空间可点击?

'click' 事件仅在栏内完全单击时才会触发。如果我们有一个小宽度或高度的条,这不方便。当我悬停该栏时,栏周围的一些空间会以完整的图表高度突出显示,并显示工具提示。我想让突出显示的区域可点击,并且条形数据应该在事件中可用。我浏览了文档并尝试了 chart.on('click', 'xAxis.category', function () {...}); 但是没有触发该功能。

在此演示中,仅当我在栏内单击时才会触发警报。如何使周围区域可点击?

https://codesandbox.io/s/cocky-banzai-6j5pg?file=/src/Chart.js

0 投票
1 回答
379 浏览

vue.js - 带有 Vue 的 Apache ECharts 不显示工具提示

我目前面临以下问题:我创建了一个简单的折线图并用示例数据填充它。但是工具提示没有出现。

我已经尝试在 ECharts 网站上使用我的配置,并且工具提示正在运行。

在 vue 中是这样实现的:

图表本身中的数据正确显示。

提前谢谢。

0 投票
0 回答
56 浏览

javascript - 如何通过单击孵化器 eCharts 中的轴标签刻度来切换整个组?

我正在使用 eCharts 创建堆叠和分组的条形图,这是我第一次使用 eCharts。但是单击轴标签刻度线无法正常工作,我希望在单击轴标签刻度线时(例如:Brand1)它应该隐藏该品牌但不起作用,代码如下所示:

在此处输入图像描述

您可以在演示中查看完整的演示

请问有什么帮助吗?

0 投票
1 回答
628 浏览

javascript - Apache ECharts:桑基色

我的 Angular 应用程序中有以下图表选项用于 sankey 图表:

这是当前的结果:

桑基图电流

但目标是在第一层每个节点应该有另一种颜色,它下面的层(深度+1)应该有父颜色,但只有-10%的颜色饱和度。

例子:

桑基图目标