echarts的样式属性

echarts不同版本的相同属性效果可能是不一样的,这个要注意,可以在官网切换新旧版本示例
xAxis: [
	axisLabel: {
           textStyle: {
              color: "#fff",//x轴文字颜色
          },
     },
     axisPointer: {
           type: "shadow",//鼠标悬浮样式
     },
     axisTick: {
           alignWithLabel: true,//刻度线
      },
      axisLine: {
            lineStyle: {
                width: 0,//坐标轴的样式
            },
       },
],
yAxis: [
	nameTextStyle: {//纵坐标单位文字
         //字体样式
           color: "#FFF",
           padding: [5, 40, 0, 0], //距离坐标位置的距离
     },
     splitLine: {//y轴切割线的样式
            show: true,
            lineStyle: {
                type: "dashed",
                color: "rgba(68, 64, 101, 1)",
                width: 1,
            },
       },
]series: [
	itemStyle: {//内容样式
            normal: {
                color: "rgba(236, 71, 172, 1)",
                lineStyle: {
                  color: "rgba(236, 71, 172, 1)",
                  type: "dotted",
                },
            },
      },
      areaStyle: {//line下的area样式
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: 'rgba(236, 71, 172, 1)'
                }, {
                    offset: 1,
                    color: 'rgba(236, 71, 172, 1)'
                }])
        },
]
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值