echarts 相关问题

为 ECharts Sankey 图中的级别添加标签

我正在尝试自定义一个EChart Sankey，并想为不同级别添加标签。 例如，我想在此图像中添加红色文本。 我需要更改哪些选项。 级别

在 Apache Echarts 中禁用悬停时默认突出显示

Echart 版本更新默认突出显示悬停时的线系列，是否有任何解决方法或修复此问题？为了保持它更加静态而不突出显示线系列数据？

如何避免图例与标签重叠？

我正在使用 echarts 制作一些小型的仪表板式图表。 我有哪些选择可以避免此类情况？ 请注意 CityC 的切片标签和 CityB 的图例如何重叠。 选项={

echarts中点击markLine时如何显示tooltip

我的要求是： 用户可以对图表发表评论，如果有评论，图表中会显示一条绿色垂直线。当用户单击垂直线时，它应该打开一个文本框或工具...

同一图形中的两个动画（ECHARTS）

我尝试在单击按钮后触发两个动画。第一个动画将仪表的中心向上移动（并且这是有效的）。第二个（不起作用）是移动指针

如何在图表中显示样式渐变效果线条区域上方的条形？

我需要在视觉上达到这个结果 到目前为止，我已经能够走到这一步了。是否可以使渐变区域样式显示在栏后面？ var myChart = echarts.init(文档.

EChart 悬停时更改光标

我想让它在用户将鼠标悬停在我的 EChart 背景（不仅仅是系列）上时显示为“移动”。我尝试使用 CSS，但没有任何改变： #图表容器...

如何删除热图中的所有背景阴影/颜色

我正在尝试渲染一个在网格/图表框架内没有背景颜色的echart热图。我已经尝试了所有可能的属性并将其设置为 false 或透明，但没有运气。 这是它的样子

有没有办法在ECharts中创建充满点的饼图？

我想在ECharts中创建一个这样的图表： 那么有人有什么想法吗？ 我尝试使用 ECharts 页面中的示例，但它看起来不像我的 UI。 我做了一排点但无法拉伸...

Echarts漫游功能

echarts 的漫游功能只有在我们处于图表本身时才起作用，这似乎是有道理的 但我想做的是让漫游在父母那里工作，这是一张卡 例如我正在缩放...

Echarts saveImageAs 对于连接的图表只下载一张图表

我有类似下面的代码，两个图表是相连的。但是当我下载图像时，我会将两个图表放在一张图像中。我如何让 saveImageAs 功能具有相同的功能

在 Echarts 标签中保持比例的同时渲染图像

我有一个显示运营商统计数据的条形图，我想使用每个运营商的徽标作为标签。目前，我已经设法让它显示图像，但只能以固定的比例。

如何在Panel Javascript中获取Grafana Dashboard变量？

如何在Echarts面板中获取Grafana Dashboard变量，例如$__from变量？当我使用以下 JavaScript 代码获取此变量时，我无法检索它。然而，它可以是

如何让DataZoomSelect在ECharts Toolbox中显示为禁用但可见？

我正在使用 ECharts 图表，我想将 toolbox.feature 中的 dataZoom 选项配置为可见但最初禁用。这是我正在使用的配置片段： 工具箱...

Echarts.js Sankey 图级别不起作用

在 Echarts Sankey 中，他们有一个带有级别的示例。 但是，当我尝试运行它时（只有垂直变化，尽管这似乎没有影响），它不会按级别对齐节点。 在 Echarts Sankey 中，他们有一个带有级别的示例。 但是，当我尝试运行它时（只有垂直变化，尽管这似乎没有影响），它不会按级别对齐节点。 <script> // See below for JSON based Sankey // https://echarts.apache.org/examples/en/editor.html?c=sankey-levels // https://echarts.apache.org/examples/data/asset/data/product.json var chartDom = document.getElementById('flow'); var myChart = echarts.init(chartDom); var option; myChart.showLoading(); $.get('../api/stream_data/{{item.id}}', function (data) { myChart.hideLoading(); myChart.setOption( (option = { // grid: { // left: 0, // top: 0, // right: 0, // bottom: 0 // }, tooltip: { trigger: 'item', triggerOn: 'mousemove' }, //legend: { // textStyle: { // fontSize: '15', // } //}, series: [ { type: 'sankey', orient: 'vertical', label: { position: 'top', textStyle: { fontSize: 24 }, formatter: '{b}: {c}%' }, data: data.nodes, links: data.links, emphasis: { focus: 'adjacency' }, levels: [ { depth: 0, itemStyle: { color: '#fbb4ae' }, lineStyle: { color: 'source', opacity: 0.6 } }, { depth: 1, itemStyle: { color: '#b3cde3' }, lineStyle: { color: 'source', opacity: 0.6 } }, { depth: 2, itemStyle: { color: '#ccebc5' }, lineStyle: { color: 'source', opacity: 0.6 } }, { depth: 3, itemStyle: { color: '#decbe4' }, lineStyle: { color: 'source', opacity: 0.6 } } ], lineStyle: { curveness: 0.5 }, label: { formatter: '{b}: {c}%', position: 'top', size: 24 } } ] }) ); }); option && myChart.setOption(option); </script> 有人知道我做错了什么吗？ 是否有更好的库可以在 JS 中生成 Sankey 来更好地处理这个问题？ 注意，levels仅指定每个级别中数据项的外观。每个数据项的位置由迭代算法确定，以最小化节点和边之间的重叠。可以通过 layoutIterations 影响该算法应该执行的迭代次数。如果设置为 0，项目将按照原始数据的顺序放置（并按级别对齐）。 我不太了解其他包，但plotly允许指定确切的节点位置。

如何使电子图表响应式？

对于更高分辨率的屏幕，如何使图表根据视口宽度响应地改变其宽度？

ReactJS：Echart 页面为空

我正在尝试使用 echart 绘制一个简单的折线图，但是我看到空白页面。 我的代码如下所示。 从 'react' 导入 React, {useState, useEffect}; 从 'echar 导入 * 作为 echarts...

ECharts 将网格高度设置为零

是否可以将网格高度设置为零？看这个演示，即使我将 grid.height 设置为 0，图表仍然显示。 我想要的效果是隐藏图表，包括线条和轴，但保留

如何在echarts工具提示中使用字符串模板获取数据？

我想使用字符串模板来获取数据，但我没有。 这是官方的例子。 在此输入图像描述 这是我的例子，我通过使用模板得到一个数组。我希望它的宽度与

如何禁用echarts中与特定系列的所有交互？

我有这个图表，其中有几行，我只想将其用作视觉指南，基本上只是一些“背景视觉效果”。我不想和它有任何互动。我法力...