新能源汽车可视化大屏数据系列之十一汽车占有率模块

新能源汽车大屏可视化实训技术通过集成Django、Vue和ECharts等技术，实现了对新能源汽车数据的全面展示与分析。系统利用爬虫技术获取各大品牌的销售数据，存储于MySQL数据库中，并通过ECharts进行多维度的可视化展示，包括车系销量排名、投诉信息、降价排行等。该技术不仅提升了数据的直观性和可操作性，还为市场研究、企业决策提供了重要支持，推动了新能源汽车行业的智能化发展。

任务：

一、汽车占有率

二、在getCenterData().py增加函数，第三个模块的函数

修改getCenterData().py文件

#第3个模块：定义占比函数

def getTypeRate():

cars=list(getAllCars())

#能源类型

carTypes={}

for car in cars:

if carTypes.get(car.energyType,-1)==-1:

carTypes[str(car.energyType)]=1

else:

carTypes[str(car.energyType)]+=1

print(carTypes)

修改views.py，增加对上面第3个模块的调用

三、修改getCenterData.py和view.py代码

运行测试之

水位桶的代码实现

后端代码在上面已经实现了。主要是前端的数据匹配

<div class="water" style="text-align: center;">

<span>混动占有率</span>

<dv-water-level-pond class="dv-wa-le-po" :config="water" v-bind:key="water.data[0]" />

</div>

</div>

在下面的data数据部分代码如下：

water: {

data: [24, 45],

shape: 'round',

formatter: '{value}%',

waveNum: 3

},

config属性

# 注释

[1] 可以有多个水位，但默认显示值最大的水位信息。

[2] 有三种形状可供选择：矩形rect、圆角矩形roundRect、圆形round。

[3] 颜色支持hex|rgb|rgba|颜色关键字等四种类型。

[4] 默认配色为['#00BAFF', '#3DE7C9'], 自动应用渐变色，若不想使用渐变色，请配置两个相同的颜色。

[5] 自动使用最大的水位值替换字符串中的'{value}'标记。