问题标签 [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 投票
1 回答
538 浏览

react-native - 如何在我的 react-native 项目中使用 echarts

我尝试使用 echarts-for-react github.com/hustcc/echarts-for-react,但失败 的代码是

错误是

0 投票
3 回答
11895 浏览

javascript - Echarts3(百度)工具提示中的彩色圆形

Echarts3(百度)工具提示中的彩色圆形

默认情况下,工具提示具有与图形相同颜色的轮次,如下所示:

http://echarts.baidu.com/gallery/editor.html?c=candlestick-brush

但是,如果我自定义工具提示,它将删除颜色编码的圆形,如下例所示:

https://ecomfe.github.io/echarts/doc/example/tooltip.html#-en

有没有办法使用自定义工具提示并将颜色放回原处。

在此处输入图像描述

这是另一种解释方式。转到此链接 pie-simple ,您会发现没有彩色圆形的图表。

删除以下行:

然后按<运行>刷新,你会看到轮回。

0 投票
4 回答
1009 浏览

javascript - 隐藏一个
onload 并在单击事件时显示无法正常工作

我正在尝试在我的网站上使用 display:none 和 display:block 。样式如下:

正文内容为:

脚本是:

使display: block;div 可见,但设置的 echart 属性不呈现。div 显示为空白。可能是什么原因?我无法弄清楚。请帮忙。谢谢 :)

*************************** 编辑 ********************** ******************
另外,我认为标题可能具有误导性,因为我可以隐藏 div onload 并在单击时显示它。但是后来的渲染是我面临某些问题的地方。

0 投票
1 回答
1040 浏览

javascript - ECharts中的自定义字段名称

我设计了一个控制台应用程序。用户可以创建报告小部件(也可以选择图形类型、线、饼图等)并链接到其他 api 函数。然后系统将其余 api 数据(我不知道数据字段,用户在屏幕上键入名称)与报告小部件和相关图表绑定。

我将 D3.js 用于实时仪表板(包含报告小部件)。但是 D3.js 不是动态报告和动态 ajax 数据的好选择。因为 D3.js 的实现因图表而异,所以它不像 highcharts、echarts 那样对开发人员友好。

但是highcharts、echarts等图表的字段名是不可配置的。在剑道中可以这样做:

有没有办法在 HighCharts 或 eCharts 中做到这一点。或者你能推荐任何其他图表库(更喜欢免费/开源)吗?

更新:我不再使用 eCharts。C3.js 更稳定且易于使用。C3.js 有同样的问题,但现在我准备自定义数据数组并且它正在工作。

0 投票
1 回答
10868 浏览

javascript - ECharts 自动高度

是否可以在不指定容器高度的情况下创建 ECharts 折线图 - 使其响应实际数据。

Y 轴上的项目数可以变化。

默认情况下,当我不定义容器的高度时,它将为 0,并且图表不可见。


在这个例子中,Y 轴上有 6 个项目(月),但是如果我想在同一个容器中显示 12 个月,而不使条形变窄 50%,该怎么办? 在此处输入图像描述

0 投票
1 回答
1774 浏览

javascript - ECharts 用百分号显示所有值

添加百分号的最佳方法是什么?

这可以使用:

但是当有多个类别和值或数量变化时,这很烦人。

0 投票
2 回答
1620 浏览

twitter-bootstrap-3 - Bootstrap 选项卡和 Echarts

在第二个选项卡上显示我的 Echarts 时遇到问题。该图表仅显示在第一个选项卡上,但在导航到第二个选项卡时不显示

然后这是显示图表的js

解决这个问题的方法是什么?

0 投票
3 回答
40304 浏览

refresh - ECharts 刷新数据变化

我目前正在制作一个交互式图表,该图表应该计算商业项目的潜在风险因素。为此,我一直在使用百度 ECharts,并让图表在视觉上工作,但是当数据发生变化时无法让图表更新。

数据来自外部调查问卷,该问卷使用单选按钮作为值,并使用复选框来打开和关闭整个集合。

现在,问题是将数据放入图表中。它正确地获取了最初选择的值(将“选中”添加到其中之一时),但之后不会更新。

每当发生变化时,我都尝试调用刷新函数,但它会返回刷新不是函数。我真的很茫然,中文文档对我帮助不大:)

有什么建议么?提前致谢!

0 投票
2 回答
2189 浏览

echarts - echarts 是否对所有类别的图表都有向下钻取选项

我打算在我的项目中使用百度 echarts,但直到现在还无法在饼图、条形图和折线图中找到向下钻取选项。

如果有人知道向下钻取选项,请帮助我。

0 投票
2 回答
3460 浏览

angular - Angular 2 指令:如何在指令中创建 echarts 实例?

目的:我正在尝试为 ECharts(图表库)构建一个简单的 Angular 2 指令


详情

我在 中创建图表ngAfterViewInit(),并且第一次,它可以工作,当窗口调整大小时图表会调整大小。

然后我点击到另一个页面,ngOnDestroy()运行,图表被销毁。

然后我点击返回图表页面,重新创建图表,但是,这次图表不会在窗口调整大小时调整大小,而是console.log(chart)返回'undefined'而不是 echarts 实例。

如何再次获取 echarts 实例并使其可调整大小?


所有代码

以下是EChartsDirectiveECharts 的所有代码: