1.module.exports
module.exports={
pie:{
chart: {
type: 'pie',
options3d:
{
enabled: true,
alpha: 70,//展示顶部看到的范围
beta: 0
}
}
,
title: {
text: '2014年某网站不同浏览器访问量占比'
}
,
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
}
,
plotOptions: {
pie: {
allowPointSelect: false,
cursor: 'pointer',
depth: 75,//3D图的高度
dataLabels:
{
distance:50,
enabled: true,
format: '{point.name}'
}
}
}
,
series: [{
type: 'pie',
name: '浏览器占比',
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: false
}
},
data: [
{name: 'Firefox', y: 45.0, sliced: true,},
{name: 'IE', y: 26.8, sliced: true,},
{
name: 'Chrome',
y: 12.8,
sliced: true,//每个部分的间隙
},
{name: 'Safari', y: 8.5, sliced: true,},
{name: 'Opera', y: 6.9, sliced: true,},
{name: 'Others', y: 0.7, sliced: true,}
]
}]
}
}
2.export default
let all={
pie:{
chart: {
type: 'pie',
options3d:
{
enabled: true,
alpha: 70,//展示顶部看到的范围
beta: 0
}
}
,
title: {
text: '2014年某网站不同浏览器访问量占比'
}
,
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
}
,
plotOptions: {
pie: {
allowPointSelect: false,
cursor: 'pointer',
depth: 75,//3D图的高度
dataLabels:
{
distance:50,
enabled: true,
format: '{point.name}'
}
}
}
,
series: [{
type: 'pie',
name: '浏览器占比',
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: false
}
},
data: [
{name: 'Firefox', y: 45.0, sliced: true,},
{name: 'IE', y: 26.8, sliced: true,},
{
name: 'Chrome',
y: 12.8,
sliced: true,//每个部分的间隙
},
{name: 'Safari', y: 8.5, sliced: true,},
{name: 'Opera', y: 6.9, sliced: true,},
{name: 'Others', y: 0.7, sliced: true,}
]
}]
}
}
export default all