qq_45525250的博客

逻辑： 树：@check-change=“treeChart.handleCheckChange” 绑定点击选择事件，改变data.column3数据项；表格:columns="data.column3"绑定相对应的data.column3实现表格列自定义；逻辑:表格定义插槽，插槽中绘制一个div,div中的id 与绘制表格的自定义字段勾连起来，根据Id给对应的div绘制曲线图。勾选树和表格相连的逻辑处理。1.绘制树的部分结构代码。对应的setup内代码。

由于是多个子节点，并且要求全部显示出来，因此需要在series里加上expandAndCollapse属性( fasle:将折叠收起的子树展开，true:将子树折叠收起)echarts官网有相似例子，移步看树形图。Echarts绘制多层树图，如图所示。

因为我采用的是数组赋值的方式，因故代码做了稍许改动，以下是我的代码(重点是toolbox[工具] feature[自定义组件] dataView[数据视图] 中的optionToContent函数内)首先，先展示一下我这边的数据(数组格式生成，没有给x轴赋data)，因为有些曲线在某些下标中是没有值的情况下。然后查询资料，发现echarts中；它将自动采用下标赋值的方式去生成数据视图。如图所示：因为数据定义的时候，部分曲线下标是没有值的，如果按照x轴下标自动生成的话，这边数据将不匹配；...

坐标轴上有俩条垂直markline，并且可以单独移动。

需要给曲线绘制不同颜色进行区分，如下图所示：关键点：visualMapoption = { title: { text: 'Distribution of Electricity', //标题 subtext: 'Fake Data' }, tooltip: { trigger: 'axis', //显示轴 axisPointer: { type: 'cross' } }, toolbox: { //工具栏 show

采用seres来绘制自定义y轴分割线，我认为是相对而言比较简单的一种办法~

如上图所示，我需要给我的曲线绘制y轴的刻度线，分别为最大值(76)、平均值(64.0)、最小值(31)。根据不同条件展示不同的数据，因此，我的x,y轴数据都需要是动态的思路如下：1- 初始化图形(关键用到：特殊值 ‘​dataMin​’）2- 根据条件查询数据之后通过setOption赋值给series中的data3- 在没有设置y轴坐标轴yMax和yMin的前提下获取y轴坐标最大值，这个值由echarts自动生成根据echarts本身自带的函数，可自动获取所需数值方法一：获取y轴刻度的.

需求要求：坐标轴上有俩条markline，并且可以单独移动？？？遇到这种需求我的第一反应就是上网百度，百度百度百度。哦买噶，我多么希望有个一模一样的，但是结果还真是我想多了。然后很头疼的自己去翻资料写。思路：首先先画出俩条markline,分别为X0，X1；在markline俩线条中间，添加一个graphic矩形Area其次在markline的X0，X1上各添加一个graphic矩形,确保X0，X1可移动，并且把矩形设置透明，并且这俩条Markline线条位置等于Area的矩形的位置

echarts日历使用range区间时间，为什么获取不到最后一天？啊啊啊啊啊啊啊啊哭辽，获取的数据没毛病，不知道为啥，只要一把时间换成区间就不会显示最后一天。首先，写这个日历图我也是 根据官方给的文档（https://echarts.apache.org/zh/option.html#calendar.itemStyle），采用Range属性因为采用的是动态的，自己输入的时间。举个栗子 像2021-5-7 到2021-6-26这个范围的时间，我要把它显示出来。然后…最后一天永远是个空格？

如图所示，想要这样一个双曲线图，需要在js中编写option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [820, 932, 901, 934, 1290, 1330, 1320].