myChart01 = ec.init(document.getElementById("chart"));
myChart01.setOption(Demo.option01);rest
var Demo = {};orm
Demo.option01 = {
title : {
text : '',
subtext : ''
},
tooltip : {
trigger: 'item',
formatter : function (params) {
var res = params.name;
res += '<br/> 文字:' + params.value;
return res;
}
},
toolbox: {
show : false,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
}
},
dataZoom: { //滾動條
show: true,
start : 70
},
legend : {
data : ['series1'],
orient:'vertical',
x:'right',
y:'center'ip
},
grid:{
x:50,
y:65,
x2:110,
y2:80
},
xAxis : [
{
type : 'category',
boundaryGap : true,
axisTick: {onGap:false},
splitLine: {show:false},
data : [ "2013/1/24", "2013/1/25", "2013/1/28", "2013/1/29"]
}
],
yAxis : [
{
type : 'value',
splitArea:{ //圖標隔行換色
show: true,
areaStyle: { // 屬性areaStyle(詳見areaStyle)控制區域樣式
color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
}
}
}
],
series : [{
name : "ceshi",
type : 'line',
smooth:true,
itemStyle: {normal: {areaStyle: {type: 'default'}}}, //面積圖樣式
showAllSymbol : true,
symbol:'emptyCircle'
symbolSize : 2,
data:[12,43,54,77]
}
]
};get