test

博客园 首页 新随笔 联系 订阅 管理
  109 随笔 :: 0 文章 :: 1 评论 :: 16万 阅读
复制代码
option = {

      legend: {
        show: false
      },
      series: [
        {
          type: "pie",
          radius: [20, 50],

          silent: true,
          label: {
            normal: {
              show: true,
              position: "center",
              formatter: item => {
                return `{a|test}\n{p|}\n{b|123}{pre|人}`;
              },
              rich: {
                a: {
                  fontSize: 24,
                  color: "rgba(0,0,0,0.45)"
                },
                p: {
                  width: "100%",
                  height: 24
                },
                b: {
                  fontSize: 48,
                  color: "rgba(0,0,0,0.85)"
                },
                pre: {
                  fontSize: 24,
                  color: "rgba(0,0,0,0.45)"
                }
              }
            },
            emphasis: {
              show: false
            }
          },
          data: [{ value: 0, name: "", selected: true }]
        },
        {
          type: "pie",
          radius: ["35%", "60%"],
          label: {
            align: "left",
            formatter: item => {
              let { name, percent, value } = item;
              name =
                name.length > 7
                  ? `${name.substring(0, 7)}\n${name.substring(6)}`
                  : name;
              percent = `${percent}%`;
              return `${name}\n${value} ${percent}`;
            },
            fontSize:22,
            color: "rgba(0,0,0,.65)"
          },
          data: [
                {value: 1, name: '直达'},
                {value: 2, name: '邮件营销'},
                {value: 3, name: '联盟广告'},
                {value: 4, name: '视频广告'},
                {value: 5, name: '百度'},
                {value: 251, name: '谷歌'},
                {value: 147, name: '必应'},
                {value: 102, name: '其他'}
            ]
        }
      ],
      color: [
        "#635DFF",
        "#1890FF",
        "#13C2C2",
        "#2FC25B",
        "#FACC14",
        "##F04864",
        "#CB56FF",
        "#635DFF"
      ]
    };
复制代码

 

posted on   testgogogo  阅读(207)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
· 25岁的心里话
点击右上角即可分享
微信分享提示