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

reactjs - 我如何使 echarts 与 react-grid-layout 一起调整大小?

我在我的应用程序中使用 ResponsiveGridLayout、React-Grid-Layout,并且我使用 echarts 作为网格项。

拖放工作正常,但是当我调整网格项目的大小时,图表并没有一起调整大小。我已经尝试实现 onLayoutchange 属性,但它不起作用。

有人可以帮我吗

这是我重现问题的代码框

0 投票
1 回答
185 浏览

reactjs - react-grid-layout - 失败的道具类型:布局属性必须是一个对象。收到:[对象数组]

我已按照 react-grid-layout 上的指南进行操作,但仍然收到此错误消息。

这是我的布局对象:

我的 Codesanbox 在这里:

使用 Resizable (fork) 编辑 React Grid 布局

只需打开控制台,错误消息就在那里。将不胜感激任何帮助!

0 投票
0 回答
36 浏览

reactjs - Apache ECharts 单击 React js 的切换线

作为问题的标题,现在我想使用Apache Echarts将带有line类型的 echarts 切换到我的React项目中。

我想单击(或悬停)目标行,另一行将显示或隐藏。Apache Echarts 的示例没有显示line类型(至少我没有找到)。

有人可以帮我解决这个问题吗,或者 Apache Echarts 没有打开这个 API 来做这种行为?

原来的 在此处输入图像描述

单击/悬停 在此处输入图像描述

再次单击/悬停 在此处输入图像描述

如果你们需要更多信息怎么办,请随时告诉我。

0 投票
0 回答
103 浏览

angular - 具有公共节点的 Apache Sankey 图表

我想使用 Apache echarts Sankey 图表对自身内部的节点进行分组,并为这些分组的节点提供标签,如本 sankeychart示例中所示。“Tree1”和“Tree2”也是白色节点和较大字体的标签。我添加它们以显示我想要的图表。我希望它们所在的位置完全一样,但是当然这个顺序可能会不时改变,当我要分组的其他节点来时,节点位置可能会混淆。我可以通过按将节点添加到 json 的顺序显示节点来做我想做的事,我可以通过将layoutIterations参数设置为 0 来做到这一点,但是当我这样做时,会出现一个类似 this sankeychart2的图表已创建,但这不是我想要的所有节点都在顶部的图表。实际上,我想将“Tree1”和“Tree2”下面的节点作为两个单独的树,可能是两个单独的桑基图。我希望这两个树的共同根是“风险”节点,如示例所示。我怎样才能做这样的分组?我希望我能够解释我的问题。我正在尝试使用 angular 和 ngx-echarts 指令制作此图表。

这是我的数据

这些是选项

谢谢。

0 投票
1 回答
122 浏览

echarts - 更改 eCharts 热图特定单元格中的边框宽度

我正在尝试更改中间单元格的边框以强调它。

我可以更改整个图表的边框,series-heatmap.itemStyle但不能只更改一个单元格。

我期待的结果看起来像上图:

在此处输入图像描述

任何帮助将不胜感激!!

[编辑]

我在文档中发现,如果某些特定项目需要自定义,可以将其设置为data数组:

我的数据系列设置如下:

已经尝试只更改中间带有“653”的数组,按照这些示例进行操作,但没有成功......

0 投票
1 回答
152 浏览

javascript - Formatter AxisLabel Echarts fontWeight 不起作用

我想用 Echarts 格式化我的图表的轴标签,周末的格式化程序日期为粗体,我尝试了这段代码,但我不知道为什么它不起作用:

请帮忙!!!

0 投票
0 回答
42 浏览

echarts - 如何从 apache eCharts 中的 zRender 点击事件中确定时间轴值

如何使用 zrender 和 vue-echarts 在条形图上注册点击

当 X 轴为 type 时,下面的示例不起作用time

对于类型的 x 轴,轴对象上不存在该属性time.data

我可以获得时间连续值(以毫秒为单位),但这会扩展到整个画布(不仅仅是图表网格)

我找不到确定以下内容的方法

  • 如果时间值实际上在图表网格中?
  • 最接近的数据集 x 轴值是多少?
0 投票
0 回答
7 浏览

apache-echarts - Apache ECharts 有画直线、矩形、铅笔工具的功能吗?

我找到了项目https://github.com/svrcekmichal/react-sketchpad。是否有像上面的项目使用 Apache ECharts 绘制直线、矩形、铅笔工具的功能?

0 投票
1 回答
538 浏览

angular - 如何在echarts中添加渐变色?

我做了一个echart折线图。现在,我想给它添加渐变色,如下所示: 在此处输入图像描述

在这个链接中,它说它支持设置为渐变色。但是当我尝试按照给出的代码执行此操作时:在此处输入图像描述

它给出了这个错误: 在此处输入图像描述

该怎么办?

提前致谢。

0 投票
0 回答
123 浏览

reactjs - 用于对共享数据集做出反应的 Echarts || 无法读取 null 的属性(读取“setUpdatePayload”)

我正在尝试使用 react 复制在共享数据集的 echarts 中显示的此示例,但是每次更改轴时,我都会收到 Uncaught TypeError: Cannot read properties of null (reading 'setUpdatePayload') ,并且图表似乎没有在我的组件代码下方正确渲染

知道有什么问题吗?或如何解决?