DataV首次实战分享：教你30分钟创建汽车大屏

最新推荐文章于 2024-06-14 15:53:52 发布

云栖精选

最新推荐文章于 2024-06-14 15:53:52 发布

阅读量3k

点赞数

分类专栏： datav 大数据文章标签： datav

大数据同时被 2 个专栏收录

207 篇文章 2 订阅

订阅专栏

datav

4 篇文章 0 订阅

订阅专栏

摘要：我是一个技术男，同样也是个汽车爱好者，上个月买了辆的宝马，却发现路上的“宝马越来越多”(⊙﹏⊙)b ...... 我喜欢钻研技术，也喜欢钻研汽车，最近研究了一下数据可视化，发现用datav可以玩出一些花样，这次就分享一下我做汽车数据大屏的经验。

先看一下汽车大屏：https://datav.aliyun.com/share/20acd88491367bf262fcb1e862ee8f1c

必备产品：DataV

我是一个技术男，同样也是个汽车爱好者，上个月买了辆的宝马，却发现路上的“宝马越来越多”(⊙﹏⊙)b ......
我喜欢钻研技术，也喜欢钻研汽车，最近研究了一下数据可视化，发现用datav可以玩出一些花样，这次就分享一下我做汽车数据大屏的经验。

没数据是不行的，首先七拼八凑了一些汽车数据，然后......

清洗数据

我找到的数据是这样的

尺寸	人数
4567mm1786mm1454mm	1
530018001600	1
长 4369mm 宽 1802mm \高1445mm	1
4670mm1780mm1435mm	1
443017931399	1
467118151478	1
4929mm1898mm1655mm	1
4430mm1793mm1399mm	1
471418101442	1
长4484mm 宽1798mm \高 1577mm	1
5090×1926×1900	1

看到这尺寸我就吐了…… 真是什么格式都有。

作为一个前端，用 javascript 简单的把他转化成了一个统一、干净的格式还是很容易的，相同尺寸的人数也统计（加）起来

var car = {};
require("tongji.txt")
.split("\n")
.forEach(function(v){
  var [size, num] = v.split("\t");
  size = size.replace(/^\D*(\d{4})\D*?(\d{4})\D*?(\d{4})\D*$/g, '$1*$2*$3')
  if (!car[size]) car[size] = 0;
  car[size] += num*1; 
});

/*
car = {
  4369*1802*1445: 1,
  4430*1793*1399: 2,
  4484*1798*1577: 1,
  4567*1786*1454: 1,
  4670*1780*1435: 1,
  4671*1815*1478: 1,
  4714*1810*1442: 1,
  4929*1898*1655: 1,
  5090*1926*1900: 1,
  5300*1800*1600: 1,
  //...
}
*/

清洗好的数据，就存入数据库

匹配车型

数据虽然干净了，但我还是有点不放心，通过车辆尺寸真的能找到车型？

找了一个车型库，简单写一个 SQL 测试一下

select 
  concat(`长度(mm)`, '*', `宽度(mm)`, '*', `高度(mm)`) as size, 
  count(distinct 车系) as cnt,
  group_concat(distinct 车系)
 from models 
group by size 
order by cnt desc 
limit 1000

得到的结果都是如下表一样，都是同品牌的相似车型，应该对结果不会有太大影响。
再连接上我的测试数据，结果几乎只是国产、进口的区别。

size	cnt	group_concat(distinct 车系)
462918801653	2	奥迪Q5,奥迪Q5(进口)
463818031598	2	英菲尼迪EX,英菲尼迪QX50(进口)
462418111460	2	宝马3系,宝马3系(进口)
466018521400	2	英菲尼迪G系,英菲尼迪Q60

为了计算方便，我再把 size 直接转化成了车型 id，这样数据就算准备好了。

DataV 上场

首先选了一个最顺眼的模板（技术男一般喜欢冷色，除非你心里住了一只小绵羊，才会选择“双11”的同款大屏）

我暂时没有什么地理数据，所以人人喜爱的地图，这次就删掉了，如果有人想看地图的操作分享，可以给我留言，我会再做异常关于地图可视化的分享。

先把指标想好，把模块的标题改成想要的指标，不知道想看什么指标，就像我一样，神秘点——数据探索。

中间想要一个车系分布，这么大的区域可以列出很多车了。

添加一个饼图，调整好位置后直接选择到已经建好的数据库，

输入sql

select sum (l.num) as y, 车系 as x
  from stats as l
  left join models as c on c.id = l.car
 group by x order by y desc
 limit 30;

效果不满意，怎么办？再教你一招设计

然后再添加一些组件丰富一下

再增加几个个查询：

/* 总价值 */
select sum(num * price)*10000 as value from stats as l 
left join models as c on c.id = l.car;
/* 车辆总数 */
select sum(num) as value from stats
/* 平均车价 */
select sum(num*price)/sum(num) as value from stats
left join models as car on car.id = stats.car;
/* 排量分布 */
select sum(l.num) as y, `排量(L)` as x
from stats as l 
left join models as c on c.id = l.car 
group by `排量(L)` 
order by x asc
limit 20
/* 60万以内的价格分布 */
select sum(l.num) as y, concat(ceil(price/5)*5,"万") as x
from stats as l 
left join models as c on c.id = l.car 
where price < 60
group by FLOOR(price/5)
order by FLOOR(price/5) asc