echarts
紫苏炒米饭
这个作者很懒,什么都没留下…
展开
-
直角坐标系基础
网格 grid是用了控制直角坐标系的布局和大小 显示:grid:show 边框:borderWidth / borderColor 位置和大小:left,top,right,bottom / width,height坐标 type:value(数值轴,自动从目标数据读取数据) category:类目轴,从data设置类目轴读取数据 position:显示的位置 ...原创 2021-12-07 14:24:23 · 152 阅读 · 0 评论 -
散点图基础
气泡效果: 大小:symbolSize( 支持回调函数) 颜色:itemStyle.color( 支持回调函数) 涟漪动画 type:effectScatter showEffectOn:'emphasis'//render(鼠标划过)rippleEffect:scale(设置大小)<!DOCTYPE html><html lang="en"><head&...原创 2021-12-07 13:37:59 · 554 阅读 · 0 评论 -
折线图基础应用
标记: 最大,小值:markPoint, 平均值:markLine, 标注区间:markArea线条控制: smooth:true//平滑 lineStyle//样式 coloer//颜色 type:线条类型dashed:虚线solid:实线...原创 2021-12-06 21:32:52 · 129 阅读 · 0 评论 -
Echarts的通用配置
1,title的配置文字样式:textStyle 标题边框:borderWidth (边框) borderColor(颜色) borderRadius(圆角) 标题位置:top,left,right,bottom2,tooltip配置tooltip:提示框组件,用于配置鼠标滑过或点击图表时的显示框触发类型:trigger:'item':只在柱内部才会显示弹窗trigger:'axis':在整个柱...原创 2021-12-01 19:21:14 · 704 阅读 · 0 评论 -
Echarts的初步认识
1,有以下的五个步骤引入echarts.js文件 在视图层准备一个div盒子 初始化echarts实例化对象 准备配置项 将配置项设置给echarts实例对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta原创 2021-11-29 20:58:37 · 498 阅读 · 0 评论