grow_的博客

主要字段markLine。

series中添加的第二个对象。

【代码】echarts折线图点的形状和颜色自定义。

第一步：参考官方示例：https://www.echartsjs.com/examples/zh/editor.html?* 寻找官方的类似示例，给予分析,引入到HTML页面中。* 按照需求来定制它。

区域填充的背景颜色设置为： rgba(238, 197, 102, 0.6)---数据围成的图形填充。区域填充的线条颜色为白色----数据围成的线条颜色填充。需求7： 标记的图形(拐点）设置 注意 series 里面设置。需求4： 雷达图 坐标轴轴线相关设置(竖线) axisLine。* 寻找官方的类似示例，给予分析，并引入到HTML页面中。* 在小圆点上显示相关数据，颜色设置为白色，10像素。* 用圆点显示， 拐点的大小设置为 5。第二步：按照需求来定制它。* 按照需求来定制它。* 小圆点设置为白色。

把折线修饰为圆滑 series 数据中添加 smooth 为 true。* 寻找官方的类似示例，给予分析, 引入到HTML页面中。* 轴两端是不需要内间距 boundaryGap。* 颜色分别：#00f2f1 #ed3f35。* 剔除坐标轴线颜色（将来使用Y轴分割线)* x轴刻度标签字体颜色：#4c9bfd。第一步：寻找官方的类似示例，给予分析。* 分割线颜色：#012f4a。* 字体颜色：#4c9bfd。第二步：按照需求来定制他。* 按照需求来定制它。

柱形图修改图标大小是通过 series 对象里面的 grid 对象 left right 等。* Y轴分割线颜色 splitLine 对象里面 lineStyle 对象设置。* 从官方示例中找到最接近项目需求的例子，适当修改, 引入到HTML页面中。* 刻度标签文字颜色 #4c9bfd 通过 axisLabel 对象设置。* Y轴文字颜色 #4c9bfd 通过 axisLabel 对象设置。* 饼形图修改图表大小是通过 series 对象里面的 radius。* 按照产品需求，来定制图表。

饼图图形上的文本标签可以控制饼形图的文字的一些样式。label 对象设置。需求5：字体略小一些 10px (series对象里面设置)第一步：参考官方例子，熟悉里面参数具体含义。1.完整的HTML代码。tootip 含义解析。series 含义解析。第二步：按照需求定制。

repeat 平铺，从边框的中心向两侧开始平铺，会出现不完整的图片。* 裁剪尺寸（上 右 下 左）单位默认px，可使用百分百(不能加单位)。* round 环绕，是完整的使用切割后的图片进行平铺。拆分写法：(按照顺序写，否则会有预期以外错误)* 边框图片的宽度，默认边框的宽度。* stretch 拉伸（默认）* 边框图片资源地址。

【代码】echart 基础配置。

【代码】1.echart 初体验。