|
@@ -76,6 +76,82 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echart
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
+ //饼图
|
|
|
+
|
|
|
+ var barChart = Echarts.init(document.getElementById('bar-chart'), 'walden');
|
|
|
+ option = {
|
|
|
+ legend: {},
|
|
|
+ tooltip: {},
|
|
|
+ dataset: {
|
|
|
+ source: [
|
|
|
+ ['产品销售', '2015', '2016', '2017'],
|
|
|
+ ['风扇', 43.3, 85.8, 93.7],
|
|
|
+ ['电视机', 83.1, 73.4, 55.1],
|
|
|
+ ['空调', 86.4, 65.2, 82.5],
|
|
|
+ ['冰箱', 72.4, 53.9, 39.1]
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ xAxis: {type: 'category'},
|
|
|
+ yAxis: {},
|
|
|
+ // Declare several bar series, each will be mapped
|
|
|
+ // to a column of dataset.source by default.
|
|
|
+ series: [
|
|
|
+ {type: 'bar'},
|
|
|
+ {type: 'bar'},
|
|
|
+ {type: 'bar'}
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ // 使用刚指定的配置项和数据显示图表。
|
|
|
+ barChart.setOption(option);
|
|
|
+
|
|
|
+ //饼图
|
|
|
+ var pieChart = Echarts.init(document.getElementById('pie-chart'), 'walden');
|
|
|
+ var option = {
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'item',
|
|
|
+ formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ orient: 'vertical',
|
|
|
+ left: 10,
|
|
|
+ data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '访问来源',
|
|
|
+ type: 'pie',
|
|
|
+ radius: ['50%', '70%'],
|
|
|
+ avoidLabelOverlap: false,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false,
|
|
|
+ position: 'center'
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ show: true,
|
|
|
+ textStyle: {
|
|
|
+ fontSize: '30',
|
|
|
+ fontWeight: 'bold'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {value: 335, name: '直接访问'},
|
|
|
+ {value: 310, name: '邮件营销'},
|
|
|
+ {value: 234, name: '联盟广告'},
|
|
|
+ {value: 135, name: '视频广告'},
|
|
|
+ {value: 1548, name: '搜索引擎'}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ // 使用刚指定的配置项和数据显示图表。
|
|
|
+ pieChart.setOption(option);
|
|
|
|
|
|
$(window).resize(function () {
|
|
|
myChart.resize();
|