一,折线图
1)xAxis ,yAxis 中:属性axisLine:false,//是否显示坐标轴轴线
xAxis : [
{
type : 'time', //category
axisLine:{
show:true//是否显示坐标轴轴线
},
axisTick:{
show:false //是否显示坐标轴刻度
},
splitLine: {
show:false //坐标轴在 grid 区域中的分隔线
},
}
],
yAxis : [
{
type : 'value',
axisLine:{
show:true//是否显示坐标轴轴线
},
boundaryGap: [0, '100%'],
axisLabel : {
formatter: '{value} ms' // 刻度标签的内容格式器
},
splitLine: {
show: true
}
}
],
series(直角系) 中 :属性 smooth:false //是否平滑曲线显示
series : [
{
showSymbol: false, // 是否显示 symbol(折线上圆点之类的标记 ), 只有在 tooltip hover 的时候显示。 可以去掉symbol属性了
//symbol:'none',//去掉折线上圆点
smooth :true ,//折线为曲线
name:'最高气温',
type:'line',
data:[11, 11, 15, 13, 12, 13, 10]
},
{
showSymbol: false, // 是否显示 symbol(折线上圆点之类的标记 ), 只有在 tooltip hover 的时候显示。可以去掉symbol属性了
// symbol:'none',//去掉折线上圆点
smooth :true ,//折线为曲线
name:'最低气温',
type:'line',
data:[1, -2, 2, 5, 3, 2, 0]
}
]
2)calculable : true,//是否启用拖拽重计算
3) animation : false,//关闭动画
4)grid 中 :属性x,y,x2,y2 例如:x ,直角坐标系内绘图网格左上角横坐标,数值单位px,支持百分比(字符串),如'50%'(显示区域横向中心)
grid:{
x:'5%',
y:'10%',
x2:'1%',
y2:'10%'
},
5) color:['#6b8e23', '#ff00ff'],