echart改变legend样式及分页

前端小芬芬

已于 2024-08-22 14:31:47 修改

阅读量302

点赞数 1

文章标签： html 前端 echarts

于 2024-08-22 14:30:27 首次发布

本文链接：https://blog.csdn.net/yf18040578780/article/details/141427356

版权

 legend: {
      type: "scroll",
      orient: 'horizontal', // 纵向，默认横向不用写
      pageIconColor: '#1b9aee', //翻页下一页的三角按钮颜色
      pageIconInactiveColor: '#7f7f7f', //翻页（即翻页到头时）
      // 配置滚动类型的图例
      pageTextStyle: {
        color: "#fff", // 可以根据需求调整样式
      },
      itemWidth: 10,
      itemHeight: 10,
      icon: "rect",
      textStyle: {
        color: "#ffffff",
        fontSize: 12,
      },
      top: 10,
      data: chartData && chartData.list ? chartData.list.map((v) => v.name) : [],
 }