现象 在React中使用了echarts-for-react依赖库，在绑定了事件时，控件会多次绘制，导致了图形闪烁多次。 原因 echarts-for-react在添加事件时是作为对象传入到onEv

2026-04-07, Views: 23 , Topics: ECharts React

支持版本 从6.0.0开始支持 yAxis breaks xAxis或yAxis上都可以定义断轴。 option = { yAxis: [{ breaks: [{ start

2026-04-06, Views: 33 , Topics: ECharts

wordCloud 引入官方维护的wordCloud依赖。 maskImage可以去掉设置。 var chart = echarts.init(document.getElementById('ma

2026-04-04, Views: 64 , Topics: ECharts

需求 实现环形饼图/圆环图（中间镂空），环形中间空白处显示主标题和副标题。 圆环 radius series.radius设置为数组类型。例：radius: ['45%', '50%']。 第一项是

2026-04-03, Views: 65 , Topics: ECharts

现象 首次进入页面时，ECharts会执行两次动画，第一次动画很快一闪而过，紧接着执行第二次动画。 解决 当有数据时才加载ECharts。使用短路与操作符，在没有data时不渲染响应的代码块。 {

2026-04-02, Views: 70 , Topics: ECharts React

legend 指定类型为scroll。 const options = { legend: { type: 'scroll', }, } 参考 https://ec

2026-04-01, Views: 81 , Topics: ECharts

xAxis.tooltip show：是否显示hover时显示标签。 position：显示标签的位置。 const option = { xAxis: { tooltip:

2026-03-31, Views: 84 , Topics: ECharts

category 类型（默认） 当X轴是类目轴（category）时，标签的显示间隔为auto，采用标签不重叠的策略间隔显示标签。 设置成0强制显示所有标签。 设置为1，表示隔一个标签显示一个标签，

2026-03-30, Views: 118 , Topics: ECharts

场景 tooltip比较长，且容器较小，tooltip超出了容器可视范围。 解决 在已经设置了confine为true后仍然显示不全，可以自定义CSS样式。 使用extraCssText属性自定义样

2026-03-27, Views: 144 , Topics: ECharts

现象 tooltip文字较长时，容易在较小的容器内溢出（部分内容超出容器，导致看不见）。 解决 添加confine为true即可，限制tooltip在容器内显示。 代码 const options

2026-03-26, Views: 145 , Topics: ECharts

cross 当鼠标或手指hover到图表时，显示交叉轴，利于观察X轴和Y轴对应的数值。 设置axisPointer的type为cross。 const option = { tooltip:

2026-03-25, Views: 150 , Topics: ECharts

十字准星指示器 当type为cross时，label的formatter的参数对象中axisDimension表示是X轴还是Y轴。 示例 例子中的xAxis类型是time，所以使用了时间格式化工具类

2026-03-24, Views: 175 , Topics: ECharts

autoPlay 自动播放，默认为false。 loop 是否循环播放，默认为true。 playInterval 播放间隔，默认为2000，单位为毫秒（ms）。 controlStyle show

2026-03-22, Views: 195 , Topics: ECharts

itemStyle lineStyle label 设置各种组件样式颜色。 const option = { itemStyle: { color: 'red', o

2026-03-21, Views: 207 , Topics: ECharts

time.format 将时间戳、时间字符串、Date类型格式化为指定模板的字符串。 echarts.time.format(time: number | string | Date, templa

2026-03-20, Views: 217 , Topics: ECharts

lineStyle width：设置线条的宽度。 type：设置线条样式，默认是实线（solid），样式：solid/dashed/dotted。 opacity：透明度，默认1（不透明），范围：0

2026-03-19, Views: 210 , Topics: ECharts

symbolSize symbolSize默认是4，可以设置为数值类型。 也可以设置为数组类型：[10, 20]，表示宽为10，高为20。 也可以设置为回调函数为每个图形设置不一样的图形：(valu

2026-03-18, Views: 227 , Topics: ECharts

showSymbol 默认每一个X轴的节点都显示一个小圆点。 设置showSymbol为false，不显示小圆点。 const option = { series: [{ t

2026-03-17, Views: 225 , Topics: ECharts

number.parseDate 将时间戳、时间字符串、Date类型格式化为Date类型。 echarts.number.parseDate(value: unknown) 使用 echarts.

2026-03-16, Views: 208 , Topics: ECharts

markLine series-x.markLine.data数组中可以是对象，也可以是另外一个数组。 data中的对象字段type支持：average，min，max。 const option

2026-03-13, Views: 229 , Topics: ECharts