首页 > 代码库 > echarts(3.0)的基本使用(标签式导入)
echarts(3.0)的基本使用(标签式导入)
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
echarts(3.0)的基本使用(标签式导入)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。