echarts使用例子:

  <script type="text/javascript">
option = {
title : {'x': 'center','y':'top','text': '时间关键指标趋势图'},
tooltip : {
trigger: 'axis'
},
legend: {
'x': '5%',
'y': 'top',
selectedMode:true, // 是否启用点击事件
data:['申请量(条)','成功数(条)','成功率(%)']
},
toolbox: {
show : true,
feature : {
mark : {show: false}, // 是否启用标记笔
dataView : {show: false, readOnly: false}, // 是否可以预览数据
magicType : {show: false, type: ['line', 'bar', 'stack', 'tiled']}, // 是否显示选择表格样式
restore : {show: false}, // 是否可以恢复
saveAsImage : {show: false} // 是否保存截图
}
},
calculable : true,
xAxis : [
{
type : 'category',
boundaryGap : false ,
data : [<{$days_str}>] // 底部x轴的数据 格式['a','b','c']
}
],
yAxis : [ // 设置左右Y轴数据
{'type' : 'value',
'splitNumber': '5', // 设置Y轴数据的格数
'name':'申请量(条)/成功数(条)', // 设置Y轴数据的标题
'axisLabel' : {formatter: '{value}'}
},
{'type' : 'value',
'splitNumber': '5',
'name':'成功率(%)',
'axisLabel' : {formatter: '{value}'
},
axisLabel: {
show: true,
interval: 'auto',
formatter: '{value} %' // 设置单位
}, }],
series : [ {
name:'成功率(%)',
type:'line',
yAxisIndex:1 , // 右边Y轴显示成功率等,默认是0
data:[<{foreach $success_str as $item}><{$item}>,<{/foreach}>] // smarty遍历,数据格式 [1,2,3]
},
{
name:'申请量(条)',
type:'line',
data:[<{foreach $loannum_str as $item}><{$item}>,<{/foreach}>]
},
{
name:'成功数(条)',
type:'line',
data:[<{foreach $success_count_str as $item}><{$item}>,<{/foreach}>]
}
]
}; // 为echarts对象加载数据
var cityChart = echarts.init(document.getElementById('main0'));
cityChart.setOption(option); </script>

最新文章

  1. Cats(3)- freeK-Free编程更轻松,Free programming with freeK
  2. WIN7-64位安装PLSQL-Developer步骤
  3. 百度文件上传webuploader上传文件,含文件大小、类型验证
  4. [LeetCode] Remove Duplicates from Sorted Array
  5. oracle logminer全解析
  6. 桶排序之python实现源码
  7. mysql中文名字按首字母排序
  8. MultiView空间例子
  9. 团队作业4——第一次项目冲刺(Alpha版本) 2
  10. left join on/right join on/inner join on/full join on连接
  11. disk.go
  12. fastJson解析报错:com.alibaba.fastjson.JSONException: can&#39;t create non-static inner class instance.
  13. nginx非root安装
  14. GitHub Desktop下载及使用
  15. .Net架构篇:实用中小型公司支付中心设计
  16. InfluxDB添加新服务
  17. 【树莓派+.NET MF打造视频监控智能车】控制篇(.NET MF)
  18. 关于mysql的wait_timeout参数 设置不生效的问题【转】
  19. ubuntu16.04下安装opencv3的viz模块
  20. A-B Problem nyoj

热门文章

  1. 1 环境搭建_及参考资料介绍_ASM驱动开发疑难解决
  2. 基于Swagger+SpringBoot快速构建javaweb项目
  3. leetcode-119-杨辉三角②
  4. 廖雪峰Java15JDBC编程-1关系数据库基础-1关系数据库简介
  5. 基于 RocketMQ 的同城双活架构在美菜网的挑战与实践
  6. java单元测试小结
  7. Vue中的better-scroll插件
  8. Python学习day07 - Python进阶(1) 内置方法
  9. Python 中的运算符
  10. INI文件读写类