记录前端、后端、深度学习、大数据、Linux和无人机学习的过程

饼状图是用整个圆表示总体的数量或整体值“1”，用圆内各个扇形的大小表示各部分数量或该部分占总体 的百分比。//饼图主要用于表现不同类目的数据在总和中的占比。//饼图主要用于表现不同类目的数据在总和中的占比。// { value: 67, name: "美食" },// { value: 85, name: "日化" },// { value: 45, name: "数码" },// { value: 98, name: "家电" },//图例列表的布局朝向vertical纵向。

/ 'category' 类目轴，适用于离散的类目数据。// 'category' 类目轴，适用于离散的类目数据。// 'time' 时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计。// 'time' 时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计。// ///////////平均值//////////////////// ///////////平均值//////////////////// color:'red',//所有轴颜色设置。

/ 'line' 直线指示器 'shadow' 阴影指示器 'none' 无指示器 'cross' 十字准星指示器。// 'axis' 坐标轴触发 主要在柱状图，折线图等会使用类目轴的图表。// 'item'数据项图形触发：散点图，饼图等无类目轴的图表中使用；// formatter: '{a}--{b} 的成绩是 {c}'// 'mousemove|click' 同时鼠标移动和点击时触发。// 触发时机 'mousemove' 鼠标移动时触发。// 'click' 鼠标点击时触发。

/图例样式 支持 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'// top 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比，也可以是 'top', 'middle', 'bottom'。// left 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比，也可以是 'left', 'center', 'right'

/ 可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...//水平安放位置，默认为'left'，可选为：'center' | 'left' | 'right' | {number}（x坐标，单位px）// 主标题文字字体的粗细 可选 'normal' | 'bold' | 'bolder' | 'lighter' | {number}'normal' 'italic' 'oblique'

定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。2021年1月26日晚，Apache基金会官方宣布ECharts项目正式毕业。1.导入第三方echarts模块2.需要在 HTML 中先定义一个<div>节点，并且通过 CSS 使得该节点具有宽度和高度3.基于准备好的dom节点，通过init()初始化echarts实例4.设置图表的配置选项，显示图表。