8. DashRatioChart 组件

一个栅格柱状统计|对比图

效果图

DashRatioChart组件使用

组件引入

import Vue from 'vue'
import {DashRatioChart} from 'special-ui'
Vue.use(DashRatioChart)

组件使用

<template>
<div class="container">
    <dash-ratio-chart :width="600" :raduis="2" :dataset="dataset"/>
</div>
</template>
<script>
export default {
    data () {
        return {
            dataset:  [
                {
                    num: 300,
                    color: '#66FF99'
                },
                {
                    num: 200,
                    color: '#F1E541'
                }
            ]
        }
    },
}
</script>
<style lang="scss" scoped>
.container {
  height: 100%;
}
</style>

组件参数