echarts中长方形的是什么图，实现示例代码

在 ECharts 中，长方形可以通过 `bar` 图表类型来实现。下面是一个简单的示例代码，用来展示某个城市在不同年份的人口数量：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: '城市人口变化'
    },
    tooltip: {},
    legend: {
        data:['人口数量']
    },
    xAxis: {
        data: ["2010年","2011年","2012年","2013年","2014年","2015年"]
    },
    yAxis: {},
    series: [{
        name: '人口数量',
        type: 'bar',
        data: [1500, 2000, 2500, 3000, 3500, 4000]
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

这段代码会生成一个柱状图，用来展示城市在不同年份的人口数量，其中每个长方形代表一个年份的人口数量。

相关问题

echarts legend用长方形

可以通过设置 legend 的 itemWidth 和 itemHeight 属性来改变图例的形状，将其变为长方形。例如：

legend: {
    itemWidth: 20,
    itemHeight: 10
}

这样就可以将图例的形状变为宽度为 20，高度为 10 的长方形。

echarts 图例为长方形

ECharts 图例默认情况下是长方形，但是你可以通过设置 `legend` 属性来修改图例的外形。例如，你可以设置 `type` 属性为 `'scroll'` ，这会将图例变成可滚动的列表，并且每个图例项会变成一个小圆点。你也可以使用 `formatter` 属性来自定义每个图例项的显示格式，例如将其显示为圆形或其他形状。

下面是一个示例代码，其中将图例的形状设置为圆形：

option = {
    ...
    legend: {
        type: 'scroll',
        formatter: function(name) {
            return '{circle|●} ' + name;
        },
        textStyle: {
            rich: {
                circle: {
                    width: 10,
                    height: 10,
                    borderRadius: 5,
                    backgroundColor: 'red'
                }
            }
        }
    },
    ...
};

在上面的代码中，我们通过设置 `formatter` 属性将图例项的显示格式设置为一个圆形加上图例名称。然后，我们使用 `textStyle` 属性设置圆形的样式，包括它的大小、圆角半径和背景颜色等。