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

javascript - ECharts - 设置axisPointer定位为垂直(时间类型)

我正在使用ECharts绘制一个简单的折线图,显示一段时间内有关 CPU 使用率的数据。我希望 xAxis 只有 6 个间隔,即每小时一次;在每个间隔之间,每半小时都有一个值。我还希望轴指针是垂直的,而不是水平的。

问题是,要做到这一点,我需要将xAxis 类型设置为时间,这样做会使轴指针变为水平,而不是垂直。在下图中,您可以看到轴指针在垂直方向与类别类型的外观。

垂直轴指针
(来源:zips.me

在这里你可以看到我的图表是什么样的以及我想要解释的, 我的图表

最后,这是用于制作我的图表的代码。

0 投票
0 回答
282 浏览

javascript - eCharts 实心量规 yaxis 最大浮点值

我试图在 HighCharts 中的实心量规的 yaxis 最大值处放置一个浮点值,但它会自动为我定义的值添加一个额外的数字。

我不知道tickIntervalyAxis 是如何工作的。

0 投票
1 回答
3921 浏览

javascript - Echarts3.0在堆积条形图中y轴显示百分比

在 Vuejs2.0 组件中使用 Echarts3.0,我试图在堆积条形图中的 y 轴上分配百分比。我尝试了boundaryGap、splitnumber 等,但都没有奏效。但我无法实现它,任何人都知道我怎样才能在 y 轴上获得 % ?

})

0 投票
1 回答
823 浏览

javascript - 用asp.net来自百度的echarts

我想在 Web 应用程序中使用来自百度的 Echarts。我想使用嵌入在我使用 asp.net 作为后端框架的网页表单中的 csv 文件中的数据绘制散点图。那可能吗??如果是,是否有任何示例可以让我更好地理解?

0 投票
1 回答
87 浏览

javascript - 图表数据缩放无法读取未定义的属性“长度”

我想将数据缩放显示为日期值而不是类别数据值,以便添加两个轴。

请看@我下面的java脚本代码:

0 投票
0 回答
1120 浏览

javascript - ECharts - 如何使用用户定义的工具箱功能?

(ECharts 3.5.3)

大家好!我在 ToolBox 上添加了用户定义的图标,我需要控制它们 - 单击我自己的图标必须使其处于活动状态并清除其他图标的活动状态(例如数据缩放),反之亦然。

我找到了setIconStatus功能,它使我的图标处于活动状态,但我不知道如何在我的图标的 onclick 事件之外调用它,并且它不会刷新屏幕上的工具箱。我可以打电话

之后,它会清除缩放模式并刷新工具箱,但我不知道如何激活缩放模式。

有没有人有一个具有自己状态的自定义工具箱的工作示例?

0 投票
3 回答
3761 浏览

javascript - Echarts:地图类型的初始放大

有什么方法可以在地图类型的图表中设置初始缩放?

我有这个选项:

});

我尝试使用asoluteZoom但没有任何反应。

0 投票
2 回答
4114 浏览

javascript - 避免 eCharts 中的图例重叠条形图

我使用百度的 eCharts 3 构建了堆积条形图,但图例总是与图表重叠。我想要做的是将图表向左移动,以便图例有足够的空间并且不会与图表重叠,但我找不到解决方案。这是我现在的图表 在此处输入图像描述

0 投票
1 回答
429 浏览

javascript - echarts legend.itemGap 仅适用于 gulp browser-sync

我想减少传说中元素之间的差距。我正在使用浏览器同步并且我使用它的时间它可以工作,但是我关闭浏览器同步并打开相同的 web 应用程序,它似乎不起作用。这是我使用浏览器同步的图表 我的图表使用浏览器同步

这是关闭浏览器同步后的图表

我的图表没有浏览器同步

这是我的 Echart 选项:

我错过了什么?请帮忙

0 投票
1 回答
1429 浏览

javascript - echarts 媒体查询不适用于 Bootstrap(轮播)

我有一个带有 2 张幻灯片的引导轮播。两张幻灯片都使用 2x2 的引导网格在其上显示图表。他们工作正常,但是我正在尝试实现响应式媒体查询,但似乎无法使其工作。我使用baseOptionsmedia选项来定义,但图表没有加载,控制台没有显示任何错误。

我试图<div>用内联样式定义容器,并且width我也尝试在 CSS 中定义and像这样-heightstyle="width: 100%;height:400px;"widthheight

javascript 如下所示。

如果我在没有媒体查询的情况下使用它,它就可以正常工作。像这样

myChart1.setOption(option);

使用媒体查询,根据文档以及baseOptionsand media,图表根本不会加载,它也不会在控制台中显示任何错误,所以我不确定我是否正确使用它。

顺便说一句,我在脚本末尾也有这个,以便能够在调整窗口大小时调整图表大小,但后来我意识到这并不是真正的响应 -

引导图元素是<div>其他元素中div的 BS 类container-fluid。轮播代码可以在这个JSFiddle 中找到。