2020年浙江大学暑期培训小作业~Echarts画左边饼图右边柱状图

lilyfengli

于 2020-07-06 15:49:26 发布

阅读量317

点赞数 2

分类专栏：奇奇怪怪文章标签： echarts

本文链接：https://blog.csdn.net/qq_43964914/article/details/107160430

版权

本文介绍了如何使用Echarts在2020年浙江大学暑期培训中小作业中实现左侧显示饼图，右侧展示柱状图的效果。通过官方教程学习，结合示例代码，最终成功展示数据可视化的图表。

摘要由CSDN通过智能技术生成

题目： 在这里插入图片描述
教程网址：Echarts官方教程
代码：

option = {
    title: {
        text: '销量',
    },
    tooltip: {},
   
     xAxis: {
        type: 'category',
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {
        type: 'value'
    },
    grid: [{
        top: 100,
        width: '40%',
        bottom: '25%',
        left: '55%',
        containLabel: true
    }],
    series: [
        {
        data: [5, 20, 36, 10, 10, 20],
        type: 'bar', 
        barWidth : 40,
        showBackground: true,
        backgroundStyle: {