Echarts数据可视化第8章与Python结合的大数据可视化案例 8.1 如何快速结合Python与Echarts 8.1.4 Echarts与Python结合的可视化案例

太过爱你忘了你带给我的痛 2024-03-25 20:46 14阅读 0赞

#### Echarts数据可视化 ####

#### 文章目录 ####

*   *   *  Echarts数据可视化
         *  第8章 与Python结合的大数据可视化案例
         *   *  8.1 如何快速结合Python与Echarts
             *   *  8.1.4 Echarts与Python结合的可视化案例

> Echarts数据可视化：入门、实战与进阶

#### 第8章 与Python结合的大数据可视化案例 ####

##### 8.1 如何快速结合Python与Echarts #####

###### 8.1.4 Echarts与Python结合的可视化案例 ######

以房价为例，我们使用Python 读取房价相关数据，对数据处理后再通过Echarts 实现可视化。

数据表

![在这里插入图片描述][cf00efe01d3744efa0ede9301092ddaa.png_pic_center]

import json
    from IPython.core.display import Javascript
    import pandas as pd
    
    df = pd.read_excel(r'E:\ECharts\房价.xlsx') # 读取excel数据表
    df.head() # 查看数据前5行

pandas 包是Python数据分析中使用最多的包。读取本地Excel 文件

并将数据转为pandas 数据分析与处理的特定的dataframe 格式，命名为df

![在这里插入图片描述][cb2472542e4a422db2a48535e0c1ca23.png_pic_center]

接着通过pandas 的分组聚合操作，统计每个地段房屋均价

mean_price = df.groupby('地段')['均价'].mean() # 通过分组统计每个地段的房屋均价，每条数据中均价为当前房屋均价。
    mean_price

取前10 条信息示例，将房屋地段和均价分别制作成列表，以便之后传入option

series_mean_price = mean_price[:10] # 取前十条记录
    area_list = series_mean_price.index.to_list() # 地段列表
    price_list = list(series_mean_price.values) # 房屋均价列表

接下来构建option字典。

house_option = {
        
        'xAxis': {
        
            'type': 'category',
            'data': area_list
        },
        'yAxis': {
        
            'type': 'value'
        },
        'series': [{
        
            'data': price_list,
            'type': 'bar',
            'label': {
        
                    'show': 'true',
                    'position': 'top'
                },
        }]
    };
        
    Javascript(f"window.house_option = JSON.parse('{
          json.dumps(house_option, ensure_ascii=False)}')")

最后绘图

%%javascript
    element.append('<div id="house_option_chart" style="min-width: 400px; height: 400px"></div>');
    (function(element) {
        
        requirejs(['echarts'], function(echarts) {
        
            var myChart = echarts.init(document.getElementById('house_option_chart'));
             myChart.setOption(house_option);
             return {
        };
        });
    })(element);

OK， 还是画不出来

![在这里插入图片描述][6fe70ecabdf14de787742f7783208217.png_pic_center]

算了。不耽误了

[cf00efe01d3744efa0ede9301092ddaa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/5061466fb057405cb67d22bbb19242f7.png
[cb2472542e4a422db2a48535e0c1ca23.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/b6ff6f7c287c4787ab1ea40868190994.png
[6fe70ecabdf14de787742f7783208217.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/e03dd2bfaf164304b5b68400fb9344e9.png