1. 程式人生 > >echars配置案例-reactnative

echars配置案例-reactnative

nta option contain 分享 nor ive alt pos ech

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