新公司,刚来几天,闲着没事,领导让我做些无关痛痒的活,优化报表统计!!!之前是用flash做的,现在要改成echart实现。好吧,之前没用过,抱着学习态度,研究了下。写点东西打发下时间,能帮到需要帮助朋友更好。好了废话少说,开搞! 第一步搞个页面:<body> ...
新公司,刚来几天,闲着没事,领导让我做些无关痛痒的活,优化报表统计!!!之前是用flash做的,现在要改成echart实现。好吧,之前没用过,抱着学习态度,研究了下。写点东西打发下时间,能帮到需要帮助朋友更好。好了废话少说,开搞!
第一步搞个页面:
- <body>
- <div id="'mainBar1'"style="height:500px;border:1px solid #ccc;padding:10px;"></div>
- </body>
第二部:添加相关js引用,参照api,初始化js和函数
<script src='/images/loading.gif' data-original="../../resources/js/echarts/echarts.js">
</script> <script type="text/javascript">
var identity = 0;
var chart_bar;
require.config({ paths: { echarts: '../../resources/js/echarts' } });
require( [ 'echarts', 'echarts/chart/bar', ], DrawEChart );
function DrawEChart(ec)
{
chart_bar = ec.init(document.getElementById('mainBar1'));
Getdata();
}
function Getdata()
{ ption =
{
title: { text: '长者统计报表', subtext: '', x: 'center', y: 'top', zlevel: 0, textStyle: { fontSize: 18, fontWeight: 'bolder', color: '#333', } },
tooltip: { trigger: 'item' },
legend: { data: [], x: 'center', orient: 'horizontal', height: '100px', zlevel: 0, y: 'bottom', },
grid: { x: 80, y: 50, y2: 120, },
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:echart饼状图使用,打发时间。
关键词:时间
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。