我使用的是echarts 3.4.0版本。参考百度echarts官网例子,官网的例子如下: 在 webpack 中使用 ECharts
发现用webpack构建后,js文件没有像官网中说的那样,体积很小,而是有2.1兆,我只引入了部分组件,如下:
var echarts = require('echarts/lib/echarts');
require('echarts/lib/chart/radar');
require('echarts/lib/component/tooltip');
require('echarts/lib/component/title');
这个页面是demo页面,只引入了echarts的组件,所以不会受到其他的组件的干扰。
Version & Environment [版本及环境]- ECharts version [ECharts 版本]: echarts 3.4.0
- Browser version [浏览器类型和版本]: firefox 47, chrome 52
- OS Version [操作系统类型和版本]: win7
希望打完包后,体积如官网上所说的那样,体积变小。
ECharts option [ECharts配置项]option = {
color :['blue'],
title : {
text:""
},
backgroundColor : null,
tooltip : {
trigger: 'axis',
formatter: function (params,ticket,callback) {
var index = params[0].dataIndex;
var showValue = params[0].data.show[index];
var res = params[0].name;
var name = params[0]["3"];
res += '<br/>' + name + ' : ' + showValue;
res = "<div style='font-size:12px;word-break:break-all;word-wrap:break-word;white-space:normal'>"+res+"</div>"
return res;
}
},
noDataLoadingOption: {
text: '暂无数据',
textStyle:{
color:'#ffffff',
fontSize:12,
fontFamily : '微软雅黑'
},
effect: 'bubble',
effectOption: {
backgroundColor:'#242730',
effect: {
n: 0
}
}
},
polar : [
{
indicator : [],
radius : 100,
splitNumber : 3,
splitArea : {
show : true,
areaStyle : {
color: ['red','yellow','green']
}
},
name:{
textStyle:{
color:"#ffffff"
}
}
}
],
calculable : false,
series : [
{
type: 'radar',
itemStyle: {
normal: {
areaStyle: {
type: 'default'
}
}
},
data : [
{
value : [],
name : 'demo',
id : [],
show : []
}
]
}
]
}
Other comments [其他信息]