ECharts图表插件禁止拖动合并
ECharts是一个图表类JS插件，地址：http://echarts.baidu.com/index.html
学习和使用起来都比较方便，最近使用的时候发现，ECharts虽然自带的有拖拽合并的功能，但在某些时候，并不想让生成的图表具有这个功能，于是可以使用下列的方法来禁用：calculable : false,
在代码中展示为：
// echart
// 路径配置
require.config({
paths: {
echarts: '../../script/build/dist'
}
});
// 使用
require(
[
'echarts',
'echarts/chart/pie',
],
function (ec) {
// 基于准备好的dom，初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
var dataStyle = {
normal: {
label: {show:false},
labelLine: {show:false}
}
};
var placeHolderStyle = {
normal : {
color: 'rgba(0,0,0,0)',
label: {show:false},
labelLine: {show:false}
},
emphasis : {
color: 'rgba(0,0,0,0)'
}
};
option = {
tooltip : {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
legend: {
orient : 'horizontal',
itemGap:20,
y : 40,
textStyle:{"color": "auto",fontSize:14,},
data:['乱停乱放','暴露垃圾','黑车拉客','绿地不洁','小广告','出店经营']
},
toolbox: {
show : false,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {
show: true,
type: ['pie', 'funnel'],
option: {
funnel: {
x: '25%',
width: '50%',
funnelAlign: 'left',
max: 1548
}
}
},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : false,
series : [
{
name:'报事汇总',
type:'pie',
clockWise:false,
radius : '55%',
center: ['50%', '50%'],
itemStyle : dataStyle,
data:[
{value:1, name:'乱停乱放'},
{value:1, name:'暴露垃圾'},
{value:1, name:'黑车拉客'},
{value:1, name:'绿地不洁'},
{value:11, name:'小广告'},
{value:1, name:'出店经营'}
]
}
]
};
// 为echarts对象加载数据
myChart.setOption(option);
}
);