热力图

基本使用

暂无数据

<template>
    <care-heatmap 
        :data="chartData"
        :settings="chartSettings">
    </care-heatmap>
</template>

<script>
export default {
    data() {
        this.chartSettings = {
            metrics: ['时间', '地点', '人数']
        }
        return {
            chartData: [
                { '时间': '星期一', '地点': '北京', '人数': 700 },
                { '时间': '星期二', '地点': '上海', '人数': 400 },
                { '时间': '星期三', '地点': '杭州', '人数': 800 },
                { '时间': '星期二', '地点': '深圳', '人数': 200 },
                { '时间': '星期四', '地点': '江苏', '人数': 800 },
                { '时间': '星期三', '地点': '长春', '人数': 100 },
                { '时间': '星期五', '地点': '南京', '人数': 300 },
                { '时间': '星期三', '地点': '上海', '人数': 300 },
                { '时间': '星期二', '地点': '杭州', '人数': 500 }
            ]
        }
    }
}
</script>

显示代码 复制代码 复制代码