折线图涉及常用属性及值
Series属性及功能
areaStyle:
{},//下部分区域填充
itemStyle :
{ normal: {label : {show: true}}}//显示顶点数字
smooth:
true 曲线图
symbol ：
'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'，也可以通过 'image://url' 设置为图片，其中 url 为图片的链接，或者 dataURI。
Step:
string, boolean
是否是阶梯线图。可以设置为 true 显示成阶梯线图，也支持设置成 ‘start’, ‘middle’, ‘end’ 分别配置在当前点，当前点与下个点的中间点，下个点拐弯
tooltip属性及功能
trigger ：
‘item’,’axis’ 当trigger为’item’时只会显示该点的数据，为’axis’时显示该列下所有坐标轴所对应的数据
axisPointer:
type: 可选：'line' 直线指示器;'shadow' 阴影指示器;'cross' 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer
legend属性及功能
可以通过 left ,middle,right实现注释在左右中
曲线渐变色属性及功能
lineStyle: {
normal: {
color: 'green',
width: 4,
type: 'dashed' //'dotted'虚线 'solid'实线
}
},
itemStyle: {
normal: {
borderWidth: 3,
borderColor: 'yellow',
color: 'blue'
}
}
柱状图涉及常用属性及值
Tooltip
axisPointer. Type
默认为直线，可选为：'line' | 'shadow'
饼状图涉及常用属性及值
Series
Radius
55% 设置饼状大小 radius: ['50%', '70%'], 同心圆
center:
['50%', '50%'], 位置
Date
.sort(function (a, b) { return a.value - b.value; }),
roseType: 'radius', 根据百分比，显示饼块大小
tooltip :
{
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},显示数值，百分比
RoseType : boolean, string
[ default: false ]
是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
'radius' 扇区圆心角展现数据的百分比，半径展现数据的大小。
'area' 所有扇区圆心角相同，仅通过半径展现数据大小。
Legend
orient:
// 注释布局方式，默认为垂直布局，可选为： 'horizontal' ¦ 'vertical'
x: 'left' ：
水平安放位置，默认为全图左对齐，可选为： 'center' ¦ 'left' ¦ 'right'¦ {number}（x坐标，单位px）
y: 'bottom'：
垂直安放位置，默认为全图底部，可选为：'top' ¦ 'bottom' ¦ 'center'
{number}（y坐标，单位px）