java用echarts做报表_ECharts报表的使用

知道你们懒得手打网址，给你们贴上：http://echarts.baidu.com/echarts2/

1、下载并解压之后，找到echarts-2.2.7\build\dist\echarts-all.js

2、在工程里新建一个HTML页面，完整代码如下：

ECharts

// 初始化echarts实例，并关联div

var myChart = echarts.init(document.getElementById('main'));

//配置报表的数据和参数

var option={

backgroundColor: '#2c343c',

textStyle: {

color: 'rgba(255, 255, 255, 0.3)'

},

series : [

{

name: '访问来源',

type: 'pie',

radius: '55%',

data:[

{value:400, name:'搜索引擎'},

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

{value:274, name:'联盟广告'},

{value:235, name:'视频广告'}

],

roseType: 'angle',

itemStyle: {

emphasis: {

shadowBlur: 200,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

},

label: {

normal: {

textStyle: {

color: 'rgba(255, 255, 255, 0.3)'

}

}

},

labelLine: {

normal: {

lineStyle: {

color: 'rgba(255, 255, 255, 0.3)'

}

}

}

}

]

}

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

注意ECharts的js的引入路径正确，即可

效果如下所示：