Echart中series自定义formatter文字样式

最新推荐文章于 2024-09-17 22:18:33 发布

原创最新推荐文章于 2024-09-17 22:18:33 发布 · 4.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #echarts

小技巧同时被 3 个专栏收录

152 篇文章

订阅专栏

JavaScript

104 篇文章

订阅专栏

echart

9 篇文章

订阅专栏

这篇博客探讨了Echarts图表中数据标签的格式化方法，通过示例展示了如何自定义标签内容，包括添加工序名称、工位类型和工作中心等信息。内容涉及到JavaScript对象的处理和标签样式的配置，对于前端数据可视化有很好的参考价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  series: [
    {
      data: [
        {
          name: "工序1-1",
          value: [0, 1],
          label: {
            normal: {
              show: true,
              formatter: function (params) {
                console.log(params, 123);
                let res =
                  params.name +
                  "\n" +
                  "\n" +
                  // "工序名称：" +
                  params.data.processName +
                  "\n" +
                  "\n" +
                  // "工位类型：" +
                  that.stationOptionsList[params.data.workCellType] +
                  "\n" +
                  "\n" +
                  // "工作中心：" +
                  params.data.workCenterName;
                console.log(res);
                return res;
              },
              textStyle: {
                fontSize: 12,
                color: "#ccc",
              },
            },
          },
        },
      ],
    },
  ],