echerts显示属性

强制显示所有x轴上的文字(柱状图)

xAxis: [
       {
          type: 'category',
          data: xAxisData,
          axisLabel: {
            interval: 0,//强制显示所有x轴上的文字
            show: true,
            textStyle: {
              color: '#fff',  //更改坐标轴文字颜色
              fontSize: 10      //更改坐标轴文字大小
            }
          },
          axisTick: {
            alignWithLabel: true,
            color: '#fff'
          }
        }
      ],

设置圆饼的大小(饼状图)

series: [
          {
            type: 'pie',
            radius: '85%',//圆饼的大小
            center: ['70%', '45%'],
            data: seriesData,
            label: {
              normal: {
                position: 'inner',//隐藏引导线
                show: false//隐藏标识文字
              }
            },
            itemStyle: {
              normal: {
                color: function (params) {
                  var colorList = [ //设置颜色
                    '#D56CFF', '#7B6CFF', '#6CD7FF', '#FF6C6C', '#FF6CB8'
                  ];
                  return colorList[params.dataIndex];
                },
              },
              emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
            }
          }
        ]

echarts x轴标签文字过多导致显示不全
转载 https://blog.csdn.net/superlover_/article/details/79714823

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值