123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- function setZhu(){
- var option = {
- tooltip : {
- trigger : 'axis',
- axisPointer : {
- type : 'cross',
- crossStyle : {
- color : '#999'
- }
- }
- },
- grid : {
- height : 100,
- x : 10,
- y : 20,
- },
- tooltip : {
- show : false,
- },
- legend : {
- show : false,
- data : ['蒸发量']
- },
- xAxis : [{
- show : true,
- type : 'category',
- data : ['1月', '2月', '3月', '4月'],
- itemStyle : {
- normal : {
- label : {
- position : 'inner',
- textStyle : {
- "fontSize": 10
- }
- },
- labelLine : {
- show : false
- }
- }
- },
- }],
- yAxis : [{
- type : 'value',
- show : false,
- name : '',
- min : 0,
- max : 20,
- interval : 50,
- axisLabel : {
- formatter : '{value} ml'
- },
- axisTick : {
- show : false
- }
- }, {
- type : 'value',
- show : false,
- name : '',
- min : 0,
- max : 25,
- interval : 5,
- axisLabel : {
- formatter : '{value} °C'
- }
- }],
- series : [{
- name : '蒸发量',
- type : 'bar',
- data : [2.0, 4.9, 7.0, 23.2]
- }, {
- name : '平均温度',
- type : 'line',
- yAxisIndex : 1,
- data : [2.0, 2.2, 13.3, 24.5]
- }]
- };
- //初始化echarts实例
- var myChart = echarts.init(document.getElementById('zhu'));
- //使用制定的配置项和数据显示图表
- myChart.setOption(option);
- }
|