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

javascript - Echarts 来自百度条形图和折线图问题

我刚刚开始研究 Echarts 并实现了一些图表。我必须为客户的网站实现图表。我遇到的问题是我的酒吧一个接一个,如果价值较小,我看不到后面的酒吧。

这是我的代码:

图片

正如您在上图中所见,条形图在同一个 x 轴点上一个接一个地移动。我想分别展示它们。请帮忙

谢谢你们

0 投票
1 回答
6666 浏览

charts - 百度 echarts 散点图中添加标签的格式化函数

我正在使用百度的 echarts 库实现散点图。我指的是这个例子。我已根据我的要求对其属性进行了修改。我通过在“系列”中提及符号大小来增加气泡大小,如下所示:

我这样做是为了在气泡内包含自定义标签。为此,我修改了“系列”中的“itemStyle”,如下所示:

现在所有的气泡里面都写着“NA”。所以,我意识到我做得不对。我想知道格式化程序函数中的“值”包含什么。我可以检查它与数据中的坐标是否相等吗?请帮忙。

到目前为止,这些点是这样的: 散点图

PS:label in series的formatter函数中的value元素总是UNDEFINED

0 投票
1 回答
8056 浏览

javascript - 百度 echarts 散点图自定义标签

参考此示例使用 echarts 库创建散点图: Basic Sc​​attergraph

我的代码如下:

formatter里面的函数中,series我试图将我的变量“v”与数据中的坐标点相匹配。但这个条件并不满足。我哪里错了?我只看到[object Object]所有的气泡。请帮忙。

0 投票
1 回答
278 浏览

popover - 百度的echarts世界地图。单击位置时显示弹出框

我正在使用 echarts 世界地图来显示我的项目中的位置关系。我的要求是,当我单击一个位置时,我想像工具提示一样显示一个弹出框。这怎么可能。请帮忙

0 投票
1 回答
5252 浏览

json - 带有 JSON 数据绑定的 Echarts

我有如下的 json 编码数据集(我使用 php 从 mYSQL 获取记录并转换为 json)

我想用Echarts(百度)绑定上面的数据集,请在下面找到我的html代码

当我运行这个时,我只显示 json 输出,它不会弹出图表,请好心帮我排序

0 投票
1 回答
305 浏览

javascript - 如何在 Liferay7 中使用 Echarts3(百度出的图表工具)?

我需要Liferay7中的图表工具,然后老板推荐使用百度免费的图表库Echarts3,但是Liferay使用的是jsp,而echarts使用的是js,那么如何将js导入jsp以及如何在Liferay中设置相关属性7? 这是 echarts3 演示:

5 分钟开始使用 ECharts

0 投票
3 回答
6990 浏览

javascript - ECharts饼图系列数据添加动态数组

我有一个动态arr的对象数组,它产生以下结果:

{value:0, name:'Safety'},{value:0, name:'Environmental'},{value:0, name:'Finance'},{value:0, name:'Health'},{value:1, name:'Quality'}

我想在以下 JavaScript 中使用它:

但是,当我使用时,data: [arr]没有显示图表。但是,如果我粘贴原始数组输出,它就可以工作。

有什么办法可以解决这个问题?

编辑:调试器结果如下:

["{value:0, name:'Safety'}", "{value:0, name:'Environmental'}", "{value:0, name:'Finance'}", 2 more...]

当我alert(arr)显示时,它没有双引号。

编辑 2. 下面的完整代码

这是结果:

在此处输入图像描述

谢谢。

解决了

用户@AshishMalhotra 在下面的评论中给出了正确答案

代替

0 投票
1 回答
5232 浏览

echarts - 如何在 Echarts 中的系列线的 markLine 中隐藏标签?

如何在 Echarts 中的系列线的 markLine 中隐藏标签?或者如何更改标签样式?

我试过了label: false,不工作。

0 投票
3 回答
15653 浏览

echarts - 如何在 Echarts 中设置 TIME 类型的 xAxis 并格式化为 {hh:mm}?

我想将 xAxis 设置为 TIME 类型并格式化为 {hh:mm} ,例如 17:45。

在此演示中,配置​​有效:

但这失败了,这是在 Echarts 库中的演示:

我试过了type: "value",还是不行。

0 投票
0 回答
265 浏览

javascript - 哪个 echart 图表可以用于类似流程图之类的东西?

我正在尝试使用百度的 echarts 库实现流程图。我认为最接近它的匹配是树形图。这里有一个例子:Tree 请推荐一些可以更好地描绘流程图的其他图表。 在此处输入图像描述

我正在尝试实现的图表如上图所示!