美文网首页
echarts动态设置label字体颜色、位置以及formatt

echarts动态设置label字体颜色、位置以及formatt

作者: 阿克兰 | 来源:发表于2020-12-10 15:03 被阅读0次
series:[
  ...
{
 label: {
              show: true,
              position: "inside",// position无法直接动态设置位置
              formatter: function(params) {
                if (params.data.level == ‘one’) {
                  return "{one|" + params.name + "}";
                } else if (params.data.level == 'two') {
                  return "{two|" + params.name + "}";
                } else {
                  return "{three|" + params.name + "}";
                }
              },
              rich: {
                one: {
                  align: "center",
                  color: "#FFFFFF"
                },
                two: {
                  align: "center",
                  color: "#FFFFFF"
                },
                three: {
                  align: "center",
                  color: "source",
                  padding: [40, 0, 0, 0], // 通过设置padding变相设置字体偏移,这样就可以动态设置字的位置了
                  textBorderColor: "transparent"
                }
              }
            },}

]

相关文章

网友评论

      本文标题:echarts动态设置label字体颜色、位置以及formatt

      本文链接:https://www.haomeiwen.com/subject/tsfrgktx.html