echarts入门-2

标签：

1.组件名词

• 选项
• option
• timeline
• title
• toolbox
• tooltip
• legend
• dataRange
• dataZoom
• roamController
• grid
• xAxis
• yAxis
• axis
• axisLine
• axisTick
• axisLabel
• splitLine
• splitArea
• data
• polar
• series（通用）
• series（直角系）
• series（饼图）
• series（雷达图）
• series（地图）
• series（热力图）
• series（力导向布局图）
• series（和弦图）
• series（仪表盘）
• series（漏斗图）
• series（事件河流图）
• series（矩形树图）
• series（树图）
• series（维恩图）
• series（字符云）
• data
• markPoint
• data
• markLine
• data
• itemStyle
• lineStyle
• areaStyle
• textStyle
• loadingOption
• noDataLoadingOption
• backgroundColor
• color
• symbolList
• renderAsImage
• calculable
• calculableColor
• calculableHolderColor
• nameConnector
• valueConnector
• animation
• addDataAnimation
• animationThreshold
• animationDuration
• animationDurationUpdate
• animationEasing

2 图表名词

• 图表类型
• line
• bar
• scatter
• k
• pie
• radar
• chord
• force
• map
• heatmap
• gauge
• funnel
• eventRiver
• treemap
• venn
• tree
• wordCloud

3.grid 组件 直角坐标系内绘图网格

六要素：x;y;x2;y2;width;height;当定义了宽高忽视x y x2 y2

grid的所有参数：x,y,x2,y2,width,height,backgroundColor,borderWidth,borderColor

4

axis

 xAxis 

yAxis

坐标轴有三种类型，类目型、数值型和时间型，他们的区别在于：

• 类目型：需要指定data(类目列表)，坐标轴内有且仅有这些指定类目坐标
• 数值型：需要指定数值区间，不指定时则自定计算数值范围，坐标轴内包含数值区间内容全部坐标
• 时间型：时间型坐标轴用法同数值型，只是目标处理和格式化显示时会自动转变为时间，并且随着时间跨度的不同自动切换需要显示的时间粒度

参数：{string} type，{boolean}show，{string}position，...data是类目型专属的属性

echarts入门-2

标签：

原文地址：http://www.cnblogs.com/xiaodoujiaohome/p/4919878.html