ECharts
来源:互联网 发布:四川麻将血战定缺算法 编辑:程序博客网 时间:2024/06/08 13:08
<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>
0 0
- echarts
- Echarts
- ECharts
- echarts
- Echarts
- echarts
- echarts
- Echarts
- echarts
- ECharts
- ECharts
- ECharts
- echarts
- echarts
- echarts
- Echarts
- echarts
- ECharts
- train_datagen.flow_from_directory类别次序
- VMware Workstation虚拟机中安装CentOS7
- 性能优化之Java(Android)代码优化
- okular的设计和后端
- 8255做流水灯实验
- ECharts
- 可重入函数与线程安全关系
- ubuntu 下用anaconda 安装tensorflow,并配置vscode用来写代码
- 利用manifest文件或资源文件让程序以管理员身份运行
- DAO
- tomcat发布项目绑定域名总结
- IntelliJ IDEA平台里面的修改----字体修改
- 数据持久化
- DAO模式