echarts怎么实现这种图表呢，求指导，

Question

echarts怎么实现这种图表呢，求指导，如果设置为透明，另一半的虚线怎么设置

Answer 1

placeHolderStyle = {
    normal: {
        label: {
            show: false,
            position: "center"
        },
        labelLine: {
            show: false
        },
        borderWidth: 3,
        color: "#fff",
        borderColor: "#dedede",
         borderType:'dashed'
    },
    emphasis: {
        color: "#dedede",
        borderColor: "#dedede",
        borderWidth: 0,
    }
};
option = {
    backgroundColor: '#fff',
    color: ['#fc7a26', '#fff', '#ffa127', '#fff', "#ffcd26"],
    legend: [{
        orient: '',
        icon: 'circle',
        left: 'right',
        top: 'center',
        data: ['不喜欢', '喜欢', '跳过']
    }],
    series: [
        {
        name: '值',
        type: 'pie',
        clockWise: true, //顺时加载
        hoverAnimation: false, //鼠标移入变大
        radius: [199, 200],
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'outside'
                },
                labelLine: {
                    show: true,
                    length: 100,
                    smooth: 0.5
                },
                borderWidth: 6,
                shadowBlur: 40,
                borderColor: "#fc7a26",
                shadowColor: 'rgba(0, 0, 0, 0)', //边框阴影
               
            }
        },
        data: [{
            value: 7,
            name: '70%'
        }, {
            value: 3,
            name: '',
            itemStyle:placeHolderStyle,
        }]
    }
]
};

大概写了一下 改一下就可以了

Answer 2

http://echarts.baidu.com/echa...
设置另一半透明，底图可以是一个完整的虚线圆圈

Answer 3

我试了下highcharts和echarts，并不能直接支持，你可以去echarts项目提个issues问问，https://github.com/ecomfe/ech...

Answer 4

可以用zrender计算后 画那个弧线