如果是柱状图,看到的legend形状是方形的,
而饼图默认是扇形的。
能否改成:
相关代码:
var option = {
legend: {
x: 'center',
y: 'bottom',
//orient: 'vertical',
selectedMode:false,
data:[]
},
//calculable : true,
series : [
{
name:'CPU',
type:'pie',
//radius : '30%',
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b}:({d}%)"
},
data:[
],
itemStyle: {
normal: {
areaStyle: {
type: 'default'
},
label:{
formatter: "{d}%"
},
labelLine: {
length: 1
}
}
}
}
] // series end
};
symbol:'circle',
案例:http://echarts.baidu.com/doc/example/scatter.html
标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有:
'circle' | 'rectangle' | 'triangle' | 'diamond' |
'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | 'emptyDiamond'
另外,还支持五种更特别的标志图形'heart'(心形)、'droplet'(水滴)、'pin'(标注)、'arrow'(箭头)和'star'(五角星),这并不出现在常规的8类图形中,但无论是在系列级还是数据级上你都可以指定使用,同时,'star' + n(n>=3)可变化出N角星,如指定为'star6'则可以显示6角星
自1.3.5起支持symbol为自定义图片,格式为'image://' + '图片路径', 如'image://../asset/ico/favicon.png'
详见例子
查了一下文档,找到了修改方法。
我没有具体地试验=。=你自己看着改吧,应该很容易
参见下面的示例:
http://echarts.baidu.com/doc/example/legend.html
更改 data.icon
的值为 bar
,对应 Series 的类型。
json
{ legend: { data: [ { name:'蒸发量', icon : 'bar', textStyle:{fontWeight:'bold', color:'green'} }, '降水量','最高气温', '最低气温' ] } }