首页 / REACT / echars配置案例-reactnative

echars配置案例-reactnative

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了echars配置案例-reactnative，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1070字，纯文字阅读大概需要2分钟。

内容图文

            option = {
        backgroundColor:
            ‘
            #fff
            ‘
            ,
        grid: {
          left: 
            ‘
            3%
            ‘
            ,
          right: 
            ‘
            4%
            ‘
            ,
          top:
            20
            ,
          bottom: 
            ‘
            6%
            ‘
            ,
          containLabel: 
            true
            
        },
        xAxis: {
          type: 
            ‘
            category
            ‘
            ,
          boundaryGap: 
            true
            ,
          data: [
            "
            06-25
            ", "06-26", "06-27", "06-28", "06-29", "06-30", "07-01"],
          //轴上文字          axisLabel: {
            interval: 0,
            textStyle: {
              fontSize: 12,
              color: ‘#898989‘
            }
          },
          //轴上刻度标签          splitLine: {
            show: false
          },
          //轴上的ke          axisLine: {
            show: false
          },
          //轴上Tick视图          axisTick: {
            show: false
          }
        },
        yAxis: {
          type: ‘value‘,
          axisLabel: {
            textStyle: {
              fontSize: 12,
              color: ‘#898989‘
            }
          },
          splitLine: {
            show: true,
            lineStyle: {
              type: ‘dashed‘
            }
          },
          axisLine: {
            show: false
          },
          axisTick: {
            show: false
          }
        },
        series: [{
          color:‘#000‘,
          name:"售价",
          type:"line",
          data:[100,150,140,300,10,177,120],
          lineStyle:{
            normal:{
              color:"#0496FE"
            }
          },
          itemStyle:{
            normal:{
              color:"#0496FE"
            }
          },
          label: {
            textBorderColor:‘red‘,
            normal: {
              show: true,
              position: ‘top‘,
              textStyle: {
                color: ‘#383838‘,
              }
            }
          },
          textStyle:{
            normal:{
              color:"#000"
            }
          },
          symbol:‘circle‘,
          symbolSize:8
        }],
      }

技术分享图片

 

原文：https://www.cnblogs.com/liujinyu/p/9255314.html

内容总结

以上是互联网集市为您收集整理的echars配置案例-reactnative全部内容，希望文章能够帮你解决echars配置案例-reactnative所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1320418.html

来源：【匿名】