ECharts图表插件禁止拖动合并

来源：互联网发布：业绩查询系统源码编辑：程序博客网时间：2024/05/16 17:05

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} <br/>{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);
            }
        );

0 0