当前位置: 首页 > 知识库问答 >
问题:

javascript - 请问这是什么图 echart?

松灿
2023-10-17

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

共有2个答案

张和颂
2023-10-17

可以在这个基础上进行修改http://echarts.zhangmuchen.top/#/detail?cid=xk0fNT7UUK

齐招
2023-10-17

这个图形是 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);

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

 类似资料: