Use vue version of the component library dataV

dataV

This library is mainly used to write large-screen monitor too, have to provide a lot of good-looking charts to choose from, there are vue version and react version.
Official documents
properly in accordance with the official documents Download Library, and then import the components, the incoming document required configuration items can successfully get rendered, the next thing I write simple process of using

        <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>

effect

This library is not easy to use full-screen components to achieve their own a can, then adjust the layout, components, multi-purpose fill the screen, the demand for the use of components, which will be like a professional big-screen monitor, the other big-screen data often is constantly refreshed, I know there are two options, one is polling, is to continue to obtain data request interface, the other is websocket agreement, the proposed study.