javascript - 请问这是什么图 echart?

Question

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

Answer 1

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

Answer 2

这个图形是 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 就会根据这些数据生成一个条形图。