コンポーネントライブラリdataVのVUEバージョンを使用します

dataV

このライブラリは、主にそこVUEのバージョンがあり、バージョンを反応させ、から選択する格好良いチャートの多くを提供する必要があり、あまりにも大画面モニターを書き込むために使用されます。
公式文書
を適切公式文書に基づいて、私が使用しての簡単なプロセスを書く次の事、入ってくる文書に必要な設定項目が正常にレンダリングされ得ることができ、ライブラリをダウンロードし、コンポーネントをインポート

        <div class="full-screen">
            <dv-border-box-11 title="污染物监管系统">
                <dv-loading v-if="loading">Loading...</dv-loading>
                <div v-else class="body">
                    <div class="item">
                        <dv-active-ring-chart :config="config1" style="width:200px;height:200px" />
                    </div>
                </div>
            </dv-border-box-11>
        </div>

効果

ここに画像を挿入説明

このライブラリは、多くの場合、他の大画面データコンポーネントは、レイアウトを調整し、自分のA缶を達成するために、フルスクリーンコンポーネントを使用することは容易ではない、多目的画面いっぱい、部品の使用のための需要、プロの大画面モニターのようになりますどの常に1が、ポーリングしているデータ要求インタフェースを取得し続けることで、私は2つのオプションがあります知っている、更新され、他はWebSocketの契約、提案した研究です。

公開された20元の記事 ウォンの賞賛0 ビュー283

おすすめ

転載: blog.csdn.net/qq_40278455/article/details/104711631