アイコンライブラリEChartsのネイティブ使用を反応させます

githubの住所：https://github.com/somonus/react-native-echarts

 

公式サイト：httpsを：//www.echartsjs.com/zh/tutorial.html#5%20分％20EChartsを開始します

 

かもしれBaocuo、WebViewの問題の導入で、解決策があるRNの問題は、ライブラリnodemodulesで見つかったのWebViewの導入を所定の位置にすることがあるため、バージョンをインストールした後

インポート{WebViewの}反応-ネイティブのWebViewを 'から。

だから、再びロードされた反応-ネイティブのWebView

また、まあ後、覚えて

CDのIOS 

ポッドインストール

それは必要なので、ネイティブの新しいライブラリを引っ張ります。

 

の使用について：

あなたは色ヒストグラムを設定する場合：

itemStyleカラーバーが設けられており、

backgroundColorのは、背景色を設定することです

 

シリーズ：[ 
                            { 
                                名： '天数' 、
                                タイプ： 'バー' 、
                                スタック： '天' 、
                                データ[ 30、45、15,60,40 ]、
                                barWidth： 30 、
                                itemStyle：{ 
                                    正常：{ 
                                        色：「＃ 4ad2ff」
                                    } 
                                }、 
                                ラベル{
                                    正常：{
                                        表示：trueに、
                                        ：位置 'insideTop' } 
                                        } 
                            } 
                        ]、
：backgroundColorの 'グリーン'

---------------- 
免責事項：この記事はの"タンディアンザワークラウト"オリジナルCSDNブロガーであります記事、CC従う 4.0バイ・SAの著作権契約は、元のソースのリンクと、この文を添付してください、再現しました。
オリジナルリンク：HTTPS：// blog.csdn.net/t876587201/article/details/70159076

 

表示とX、Y軸の隠蔽、マーク、グリッドラインをダニ

「YAXIS」：[ 
      { 
        // だった1月の行ではなく、軸数として、この表示されているのは少し 
        「ショー」：trueに、
        「boundaryGap」：trueに、
        「タイプの」：「カテゴリ」、
        「名」：「タイム" "データ"：[" 1月"" 2月""月"" 4月""月"" 6 "" 7 "" 8 " ]、
         " axisLine "：{        // Y軸 
          "ショー"：偽へ
        }、 " axisTick "：{        // Y軸目盛り 
          "ショー「：falseに
        }、 "分割線"：{      // グリッド 
          "ショー"：falseに
        }

        
        
      } 
    ]、
     "x軸" ：[ 
      {
         "ショー"：偽、
         "タイプ"： "値" 、
         "名前"： "销量（kg）の" 、
         "分割線" ：{
           "ショー"：偽
        } 
      } 
    ]、