Echartas中关于自定义legend（图例+文字）样式 |
您所在的位置：网站首页 › 怎么在数字后面添加文字样式图片 › Echartas中关于自定义legend（图例+文字）样式 |
Echartas中关于自定义legend（图例+文字）样式
|
Echartas中关于自定义legend（图例+文字）样式
formatter有两种形式： 1、模板 2、回调函数 模板： 使用字符串模板，模板变量为图例名称 {name} formatter: ‘Legend {name}’ 回调函数： formatter: function (name) { return 'Legend ’ + name; } 想自定义图例文字样式，需要用到富文本：rich。 效果图：
html: css: .pie { margin: auto; width: 400px; height: 300px; }js: import echarts from "echarts"; //引入echarts export default { methods: { initPieChart () { let data = [ { value: 62, name: "视频广告" }, { value: 243, name: "搜索引擎" } ]; let option = { tooltip: { trigger: "item", formatter: "{b}: {c} ({d}%)" }, legend: { orient: "vertical", // 图例的位置 top: 60, right: 0, data: ["视频广告", "搜索引擎"], // ========自定义图例和文字==================== formatter: function (name) { let target; for (let i = 0; i |
【本文地址】
今日新闻 |
推荐新闻 |