关于echarts:Echarts-雷达图指示器名称rich使用

‘radar.name’: {

textStyle: {
    color: '#5a4b66'
},
formatter: (str) => {
    let obj = _.find(personalityChart, (pc: any) => pc.image === str) || {};
    let percent = obj.percent ? `${Math.round(obj.percent * 100)}%` : '-';
    return `{b|${percent}}  {c|${str}}`;
},
rich: {
    b: {
        color: '#F78A89'
    }
}

},
‘**tooltip.formatter’: (opts) => {

let indicator = _.get(opts, 'radar.indicator');
return (obj) => {
    let {
        name,
        value
    } = obj.data;
    let contentArr = indicator.map((key, inx) => `${key.name}: ${value[inx]}`);
    contentArr.unshift(obj.marker + name);
    return contentArr.join('<br />');
};

}

let personalityChart = [{

"celebrity": "",
"celebrity_code": "12345",
"id": 17,
"image": "人品",
"negative": 553,
"percent": 0.6545,
"positive": 4492,
"total": 6018,
"x": "人品",
"name": "王俊凯",
"value": 6018

}, {

"celebrity": "",
"celebrity_code": "12345",
"id": 21,
"image": "品尝",
"negative": 157,
"percent": 0.6256,
"positive": 2974,
"total": 4503,
"x": "品尝",
"name": "王俊凯",
"value": 4503

}, {

"celebrity": "",
"celebrity_code": "12345",
"id": 22,
"image": "声音",
"negative": 3,
"percent": 0.9225,
"positive": 777,
"total": 839,
"x": "声音",
"name": "王俊凯",
"value": 839

}];
percent来自原始数据personalityChart,str来自echarts渲染后数据

在tooltip格式化解决系列名,画图字段为value,效果图:

问题二:echarts-series中label的backgroundColor有效
一开始我是像下面那样写的 发现图片出不来,不能用本地的图片

所以我把图片放到服务器上通过http去申请获取,然而发现图片长宽不是我设置的长宽

查看配置文档发现

如果不定义 rich 属性,则不能指定 width 和 height。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理