echarts調節字型顏色

打死我也不改這個bug發表於2020-12-24

js程式碼-環狀圖原始碼

//初始化環狀圖依附的元素
var myChartPie = echarts.init(document.getElementById('id'));
//構造環狀圖
option = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        left: 10,
        data: ['直接訪問', '郵件營銷', '聯盟廣告', '視訊廣告', '搜尋引擎'],
        textStyle: {//設定字型顏色
           color: 'white'
        }
    },
    series: [
        {
            name: '訪問來源',
            type: 'pie',
            radius: ['50%', '70%'],//環狀圖的半徑,第一個為內半徑,第二個為外半徑
            center: ['75%', '40%'],//定位,第一個為x軸,第二個為y軸
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            itemStyle: {
                normal: {
                    label: {
                        show: false   //隱藏標示文字
                    },
                    labelLine: {
                        show: false   //隱藏標示線
                    },
                    textStyle: {//設定字型顏色(環狀圖)
                        color: 'white'
                    }
                }
            },
            data: [
                {value: 335, name: '直接訪問'},
                {value: 310, name: '郵件營銷'},
                {value: 234, name: '聯盟廣告'},
                {value: 135, name: '視訊廣告'},
                {value: 1548, name: '搜尋引擎'}
            ]
        }
    ]
};
//賦值
myChartPie.setOption(optionPie);

環狀圖

java程式碼

String data = "";//資料值
String names = "";//狀態名稱
for (int i = 0; i < hztjt.size(); i++) {
    Map map = hztjt.get(i);
    String num = CommonDao.isnull(map.get("num"));
    String name = CommonDao.isnull(map.get("name"));
    //排查值為空的分組
    if ("".equals(data) && !"0".equals(num)) {
        names = "'" + name  + "'";
        data = "{value:" + num + ",name:'" + name  + "'}";
    } else {
        if (!"0".equals(num)) {
            names += ",'" + name  + "'";
            data += ",{value:" + num + ",name:'" + name  + "'}";
        }
    }
}
//無資料時
if ("".equals(data)) {
    names = "'暫無'";
    data = "{value:0,name:'暫無'}";
}

相關文章