首页 > 其他 > 详细

echars配置案例-reactnative

时间:2018-07-02 20:08:23      阅读:237      评论:0      收藏:0      [点我收藏+]
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
        }],
      }

技术分享图片

 

echars配置案例-reactnative

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!