首页 > 电脑常识 > 云计算

Apache Echarts图表总结

admin 云计算 2021-04-25 16:49:19 echarts   数据可视化   js  
后台-系统设置-扩展变量-手机广告位-内容正文底部

常用配置项总结

在这里插入图片描述
每个图表均配有对应的源代码以及知识点~~~~
详情可点开对应的图表学习!

Echarts常用图表链接柱状图https://blog.csdn.net/diviner_s/article/details/115936504折线图https://blog.csdn.net/diviner_s/article/details/115951768散点图https://blog.csdn.net/diviner_s/article/details/115957974饼状图https://blog.csdn.net/diviner_s/article/details/116015145矢量地图https://blog.csdn.net/diviner_s/article/details/116019747雷达图https://blog.csdn.net/diviner_s/article/details/116041140仪表盘https://blog.csdn.net/diviner_s/article/details/116072033直角坐标系配置https://blog.csdn.net/diviner_s/article/details/115961859

1.柱状图 bar

https://blog.csdn.net/diviner_s/article/details/115936504

series[].type图表类型xAxisx轴yAxisy轴markPoint最大值\最小值markLine平均值label显示文本barWidth柱宽度

折线图 line

https://blog.csdn.net/diviner_s/article/details/115951768

series[].type图表类型xAxisx轴yAxisy轴markPoint最大值\最小值markLine平均值markArea标注区域smooth平滑线lineStyle线条风格areaStyle风格x轴boundaryGap紧挨边缘scale脱离0值比例

散点图 scatter

https://blog.csdn.net/diviner_s/article/details/115957974

series[].type图表类型xAxisx轴yAxisy轴symbolSize散点大小itemStyle散点样式showEffectOn显示时机rippleEffect涟漪效果scale脱离0值比例

饼图 pie

https://blog.csdn.net/diviner_s/article/details/116015145

series[].type图表类型label显示文本radius半径roseType饼图类型selectedMode是否多选selectedOffset选中扇区偏移量

地图 map

https://blog.csdn.net/diviner_s/article/details/116019747

series[].type图表类型peo地理坐标系组件map指明地图数据roam开启鼠标拖动和缩放zoom平均值center图表的中心点label是否显示地区geoIndex指明关联的geo组件visualMap视觉映射组件coordinateSystem使用坐标系统

雷达图 radar

https://blog.csdn.net/diviner_s/article/details/116041140

series[].type图表类型rader雷达图组件indicator雷达图的指示器label文字areaStyle区域颜色shape雷达图形状

仪表盘 gauge

https://blog.csdn.net/diviner_s/article/details/116072033

series[].type图表类型max最大值min最小值itemStyle指针样式

直角坐标系配置

https://blog.csdn.net/diviner_s/article/details/115961859

  • grid
show是否可见borderWidth边框宽度borderColor边框颜色left左边top顶部right右边bottom底部width宽度height高度
  • axis
type轴类型data数据position显示位置
  • dataZoom
type缩方块类型xAxisIndexx轴索引yAxisIndexy轴索引start初始值end结束值

通用配置

  • title
textStyle文字样式borderWidth边框宽度borderColor边框颜色borderRadius边框圆角left左边top顶部right右边bottom底部
  • tooltip
trigger触发类型triggerOn触发时机formatter内容自定义
  • toolbox.feature
saveAslmage保存图片dataView数据视图restore重置dataZoom缩放magicType图标转换
  • legend
data图例数据,需要和series数据中某组数据的name值一致

文章来源:https://blog.csdn.net/diviner_s/article/details/116072584

后台-系统设置-扩展变量-手机广告位-内容正文底部
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:https://jcdi.cn/diannaochangshi/yunjisuan/571.html

留言与评论(共有 0 条评论)
   
验证码:
后台-系统设置-扩展变量-手机广告位-评论底部广告位

教程弟

https://www.jcdi.cn/

统计代码 | 京ICP1234567-2号

Powered By 教程弟 教程弟

使用手机软件扫描微信二维码