아이콘 라이브러리 ECharts의 기본 사용을 반응

GitHub의 주소 : https://github.com/somonus/react-native-echarts

 

공식 웹 사이트 : HTTPS : //www.echartsjs.com/zh/tutorial.html#5%20 분 %의 20ECharts를 시작합니다

 

수도 Baocuo, 웹보기 문제의 도입에의 해결책이 RN 문제가 라이브러리 nodemodules에있는 웹보기의 도입 대신에 할 수 있기 때문에 버전을 설치 한 후

수입 {웹보기} '이 - 네이티브 웹보기를 반응'에서;

그래서 다시로드 반응 - 기본 - 웹보기

또한, 글쎄 후, 기억

CD의 IOS 

설치 포드

그것은 필요하기 때문에 네이티브 새로운 라이브러리를 당깁니다.

 

의 이용에 대해 :

당신은 컬러 히스토그램을 설정하려면 :

itemStyle 컬러 바가 제공되며,

backgroundColor로는 배경 색상을 설정하는 것입니다

 

시리즈 [ 
                            { 
                                이름 : '天数' , 
                                형식 : "바" , 
                                스택 : '天' , 
                                데이터 [ 30, 45, 15,60,40 ] 
                                barWidth : 30 , 
                                itemStyle { 
                                    통상 { 
                                        색상 : '# 4ad2ff ' 
                                    } 
                                },  
                                라벨 : {
                                    일반 : {
                                        보기 : true로 , 
                                        : 위치 'insideTop' } 
                                        } 
                            } 
                        ] 
의 backgroundColor : '녹색'

---------------- 
면책 조항 :이 문서에서 "탄 다이애나 소금에 절인 양배추"원래 CSDN 블로거입니다 기사 공통 평가 기준에 따라 4.0 부산물 SA 저작권 계약이 복제를, 원본 소스 링크이 문을 첨부 해주세요. 
원본 링크 : HTTPS : // blog.csdn.net/t876587201/article/details/70159076

 

, Y는 축, 눈금, 눈금 선을 표시하고 X의 숨어

"y 축" : [ 
      { 
        // 이었다 월에 선보다는 축의 수 등이 나타나 약간의 
        "쇼": true로 ,
         "boundaryGap" true로 ,
         "유형": "카테고리" ,
         "이름": "시간 " ,
         "데이터 "[ 「January」, 「February」등,"월 ","4월 ","월 ","6 ","7 ","8 " ,
         "axisLine ": {        // Y 축 
          "쇼 ": false로 

        },
         "axisTick ": {        // Y 축 눈금의 
          "쇼 "false로 
        },
         "SplitLine": {      // 그리드 
          "쇼": false로 
        }
      } 
    ,
     "x 축" [ 
      {
         "보기" 거짓 ,
         "타입": "값" ,
         "이름": "销量(kg)" ,
         "splitLine" {
           "보기" 거짓 
        } 
      } 
    ]