ECharts · Example

option = {
    title : {
        text: 'webkit内核依赖',
        subtext: '数据来自网络',
        x:'right',
        y:'bottom'
    },
    tooltip : {
        trigger: 'item',
        formatter : "{b}"
    },
    toolbox: {
        show : true,
        feature : {
            restore : {show: true},
            magicType: {
                show: true,
                type: ['force', 'chord'],
                option: {
                    chord: {
                        minRadius : 2,
                        maxRadius : 10,
                        ribbonType: false,
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    rotate: true
                                },
                                chordStyle: {
                                    opacity: 0.2
                                }
                            }
                        }
                    },
                    force: {
                        minRadius : 5,
                        maxRadius : 8,
                        itemStyle : {
                            normal : {
                                label: {
                                    show: false
                                },
                                linkStyle : {
                                    opacity : 0.5
                                }
                            }
                        }
                    }
                }
            },
            saveAsImage : {show: true}
        }
    },
    legend : {
        data : ['HTMLElement', 'WebGL', 'SVG', 'CSS', 'Other'],
        orient : 'vertical',
        x : 'left'
    },
    series : (function (){
        // If data have been loaded
        if (webkitDepData) {
            //webkitDepData has been required and defined in webkit-dep.js
            webkitDepData.type = 'chord';
            webkitDepData.ribbonType = false;
            for (var i = 0; i < webkitDepData.nodes.length; i++) {
                webkitDepData.nodes[i].value = null;
            }
            for (var i = 0; i < webkitDepData.links.length; i++) {
                webkitDepData.links[i].weight = 1;
            }
            webkitDepData.minRadius = 2;
            webkitDepData.maxRadius = 10;
            webkitDepData.itemStyle = {
                normal: {
                    label: {
                        show: true,
                        rotate: true
                    },
                    chordStyle: {
                        opacity: 0.2
                    }
                }
            };
            return [webkitDepData];
        } else {
            return [];
        }
    })()
};

切换主题