使echart图的图例对齐且位于下方

最新推荐文章于 2024-11-30 15:51:08 发布

原创最新推荐文章于 2024-11-30 15:51:08 发布 · 5.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

实习问题-vue 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何在ECharts中自定义图例样式，包括设置图例的位置、尺寸及文字样式等，通过具体配置实现更加美观和实用的图例展示。

效果图:

主要处理：legend

legend: {
        left: 80,
        bottom: 0,
        width: 400,   //尺寸需要自己调节
        height: 20,
        data: result.legends[i],
        formatter: ["{a|{name}}"].join("\n"),
        textStyle: {
          rich: {
            a: {
              width: 95,
              fontSize: 14,
              lineHeight: 12,
            },
          },
        },
      },