问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

请问这是什么图 echart?

头像
夏天的味道
    1923

    image.png
    有没有大佬提供下这种echart 图表的示例参考一下

    javascript前端vue.js
    阅读 872
    avatarAI BotBETA

    这个图形是 ECharts 生成的条形图。ECharts 是一种使用 JavaScript 的开源可视化库，可以生成多种图形和图表，包括条形图、线形图、饼图、散点图等。

    关于条形图，它是一种展示类别数据之间比较关系的图表。通常，条形图以类别作为横轴，以数值作为纵轴。每个条形代表一个类别，条形的长度代表该类别的数值大小。

    以下是一个 ECharts 条形图的简单示例：

    let chart = echarts.init(document.getElementById('main'));

let option = {
    title: {
        text: '示例条形图'
    },
    tooltip: {},
    legend: {
        data:['销量']
    },
    xAxis: {
        data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
};

chart.setOption(option);

    在此示例中，xAxis 的 data 数组定义了类别，series 下的 data 数组定义了每个类别的销量。这样，ECharts 就会根据这些数据生成一个条形图。

    1 个回答
    得票最新
    头像
    前端搬运工
      7681519
      ✓ 已被采纳
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题