您的位置:首页 > 其它

ECharts纵坐标显示时间1

2017-04-05 14:47 183 查看
<script>

var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
tooltip : {
trigger: 'item',
axisPointer : {            // 坐标轴指示器,坐标轴触发有效
type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
}
},
legend: {
data: ['播种期', '出苗期','移栽期','返青期','抽穗期','成熟期'],
},

grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true,
default: '1',
height:100,
},

yAxis : [
{
type : 'category',
position: 'bottom',
boundaryGap: true,
axisLine : {
show: true,
lineStyle: {
color: 'green',
type: 'solid',
width: 2,
}
},
axisTick : {
show:true,
length: 10,
lineStyle: {
color: '#000',
type: 'solid',
width: 2
}
},
data : ['水稻的生长周期']
},
],

xAxis: {
type: 'value',
axisLabel : {
formatter: function (value,index) {
// value格式化成月/日,只在第一个刻度显示年份
var date = new Date(2017,03);
var texts = [];

if (index === 1) {
texts = [(date.getMonth()+1), date.getDate()];
texts.unshift(date.getFullYear());
}
else {
texts = [(date.getFullYear()),(date.getMonth() + parseInt(index)), date.getDate()];
}
return texts.join('-');
}
}
},

series: [
{
name: '播种期',
type: 'bar',
stack: '总量',

label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [5,]
},
{
name: '出苗期',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [17,]
},
{
name: '移栽期',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [20, ]
},
{
name: '返青期',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [35,]
},
{
name: '抽穗期',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [10,]
},
{
name: '成熟期',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [50,]
}
]
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: