ECharts legend 调整图例文字 text 与图标 icon 间距

under Website  Notes of Programming  tag Echarts    Published on November 1st , 2022 at 03:26 pm

通过 legend.textStyle.padding 调节,其中 padding: [0, 0, 0, 4] 数组最后一位为左侧推出距离,数组四项分别代表 [上边距, 右边距, 下边距, 左边距]。若想使间距小于默认间距,可使用负数,如 padding: [0, 0, 0, -4] ,这一点可见此 padding 非彼 CSS padding 规则(

  legend: {
    icon: 'square',
    itemWidth: 10,
    formatter: ' {a|{name}}',

    textStyle: {
      rich: {
        fontSize: 16,
        lineHeight: 12,
        verticalAlign: 'bottom',
        padding: [0, 0, 0, 4],
      },
    },
  },

本页由 matcha 整理和发布,采用 知识共享署名4.0 国际许可协议进行许可,转载前请务必署名
  文章最后更新时间为:November 7th , 2022 at 07:45 am
分享到:Twitter  Weibo  Facebook