echarts(3.0)的基本使用(标签式导入)
2016-09-02 11:32
204 查看
function loadRainFallCharts(msg) { var obj = {}; obj.x = []; obj.y = []; obj.line = []; var accumulation = 0; $(msg).each(function () { obj.x.push(this.datatime); obj.y.push(this.avgvalue); accumulation += this.avgvalue; obj.line.push(accumulation); }); var myChart = echarts.init(document.getElementById('inThePast6hours_rainfall')); var option = { title: { text: '实时雨量曲线(过去6小时)', subtext: '', x: 'center', align: 'right' }, legend: { data: ['时段降水', '累积降水'], x: 'left' }, tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' } }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: [ { type: 'category', data: obj.x.map(function (str) { return str.replace(' ', '\n') }), axisTick: { alignWithLabel: true } } ], yAxis: [ { type: 'value', name: '雨量(mm)', nameLocation: 'start', inverse: true } ], series: [ { name: '时段降水', type: 'bar', barWidth: '60%', data: obj.y }, { name: '累积降水', type: 'line', stack: '广告', data: obj.line }, ] }; myChart.setOption(option); }
依赖:http://files.cnblogs.com/files/gaocong/echarts.js
相关文章推荐
- GreenDao3.0 使用(包括导入,具体方法,基本使用,加密,数据库升级等)
- xUtils更新到3.0后的基本使用规则
- 使用Sharepoint Services 3.0构建基本网站
- xUtils===xUtils3.0基本使用规则
- AFNetworking3.0的基本使用方法
- xUtils===xUtils3.0基本使用规则
- xUtils更新到3.0后的基本使用规则 (转载)
- [导入]Vi编辑器的基本使用方法 (转载)
- AS基本使用总结之从svn导入eclipseADT项目
- AFNetworking 3.0迁移指南 及基本使用方法
- xUtils更新到3.0后的基本使用规则
- [导入]使用ADO.NET的基本方法
- echarts 基本使用
- cocos2dx3.0 lua项目创建cpp文件时候不能导入extensions头文件时无法使用或报错
- gnome3.0基本操作与使用
- xUtils更新到3.0后的基本使用规则
- 使用Sharepoint Services 3.0构建基本网站
- 批量激活管理工具VAMT 3.0的安装与基本使用方法简介
- xUtils更新到3.0后的基本使用规则
- echarts基本使用