首页使用echarts与pyecharts绘制柱状图显示商品销售变化

使用echarts与pyecharts绘制柱状图显示商品销售变化

时间: 2024-10-23 09:02:09 浏览: 25

Echarts和Pyecharts都是数据可视化库，常用于创建交互式的图表。要使用它们绘制商品销售变化的柱状图，你可以按照以下步骤操作： **ECharts（JavaScript）示例**: ```html <!DOCTYPE html> <html> <head> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.3.0/echarts.min.js"></script> </head> <body> <div id="main" style="width: 600px;height:400px;"></div> <script> var salesData = [/* 商品销售数据 */]; // 例如 [10, 15, 8, 20, 12] var option = { title: {text: '商品销售变化'}, xAxis: {data: ['商品A', '商品B', '商品C', '商品D', '商品E']}, yAxis: {}, series: [{ name: '销售量', type: 'bar', data: salesData }] }; var myChart = echarts.init(document.getElementById('main')); myChart.setOption(option); </script> </body> </html> ``` **Pyecharts（Python）示例**: ```python from pyecharts import options as opts from pyecharts.charts import Bar # 假设商品销售数据存储在一个列表里，如：sales_data = [10, 15, 8, 20, 12] sales_data = [10, 15, 8, 20, 12] bar = ( Bar() .add_xaxis(['商品A', '商品B', '商品C', '商品D', '商品E']) .add_yaxis("销售量", sales_data, is_smooth=True) # 设置光滑效果 .set_global_opts(title_opts=opts.TitleOpts(title='商品销售变化')) ) bar.render("sales_change.html") # 生成HTML文件 ```

阅读全文