【6】数据可视化.md · 小真/note_front

# 数据可视化

数据可视化,是一种将数据直接展示给用户的手段,通过一些数据可视化库,我们可以简单快捷的将数据展示给没有数据想象力或者3d想象力的臭甲方麻瓜.

## ECHARTS

一个使用janaScript的开源可视化库,

使用方法

```html
<body>

<div class='nbox'></div>
	//二,准备有大小的盒子
<script>
    var myChart = echarts.init(document.querySelector('.nbox'));
    //三,初始化

var option = {
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };
    //四,置顶图标的配置项和数据

myChart.setOption(option);
    //五,把配置项放到实例对象
</script>
    </body>
```

![64041811449](../../AppData/Local/Temp/1640418114492.png)

![64042080597](../../AppData/Local/Temp/1640420805979.png)

![64042175192](../../AppData/Local/Temp/1640421751923.png)

flexible.js适配方案.

小真/note_front

简介

发行版

贡献者

近期动态

小真/note_front .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

小真/note_front