本文介绍了Echarts的浏览器画图原理，包括canvas和svg的使用。详细讲解了Echarts的常用组件，如直方图、折线图、标题、工具箱、弹窗、标记线和标记点等。此外，还涵盖了饼图、仪表图、地图、K线图、雷达图和散点图等其他图形。最后，探讨了Echarts的高级特性，如多个坐标轴、数据区域缩放和值域选择，以及如何定制主题。
一.浏览器画图原理简介
canvas相当画布，js相当画笔 Svg通过组件组合成新的图像
二.Echarts常用组件
1.Echarts常用图之简单的直方图和折线图
charts.init()初始化Echarts实例，用setOption指定数据绘图
Option对象：标题（title）, 图例（legend） ,X轴（xAxis）,数据（series->[name,type(bar->直方图，line->折线图),data，markline,markpoint]）{series是数据}
2.Echarts常用图之标题组件（title-> 标题负责显示整个图表的标题)
text:标题文字
Subtext：子标题
Left,top,right，bottom：标题位置
borderColor：边框颜色
borderWidth:边框颜色
3.Echarts常用图之工具箱组件(toolbox)
Show：是否显示
Feature：具体显示的功能
saveAslmage:保存图片
Restore：还原
dataView:数据视图
dataZoom：缩放视图
magicType:动态类型切换
4.Echarts常用图之弹窗组件(tooltip)
show：是否显示
Trigger：出发方式，axis就是x轴出发
5.Echarts常用图之标记线和标记点（markline，markpoint）</
最低0.47元/天 解锁文章
扫一扫
2154
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
