zh-CN/docs/tools/data-visualization-examples/histogram

直方图数据可视化示例

直方图是一种常用的数据可视化工具，它可以帮助我们直观地理解数据的分布情况。下面，我们将通过一个示例来了解如何使用直方图进行数据可视化。

示例：年龄分布直方图

假设我们有一组人的年龄数据，我们可以通过直方图来展示不同年龄段的人数分布。

20-30岁：100人
30-40岁：200人
40-50岁：150人
50-60岁：50人

下面是一个简单的直方图示例：

graph LR
A[20-30岁] --> B{100人}
A --> C{200人}
A --> D{150人}
A --> E{50人}

如何创建直方图？

在许多数据可视化工具中，比如 ECharts 和 D3.js，你可以轻松创建直方图。以下是一个使用 ECharts 创建直方图的简单示例：

var myChart = echarts.init(document.getElementById('main'));

var option = {
    title: {
        text: '年龄分布直方图'
    },
    tooltip: {},
    legend: {
        data:['人数']
    },
    xAxis: {
        data: ["20-30岁", "30-40岁", "40-50岁", "50-60岁"]
    },
    yAxis: {},
    series: [{
        name: '人数',
        type: 'bar',
        data: [100, 200, 150, 50]
    }]
};

myChart.setOption(option);

通过以上代码，你可以创建一个包含年龄分布直方图的网页。

希望这个示例能帮助你更好地理解直方图数据可视化。如果你对数据可视化有更多的疑问或需要进一步的帮助，请访问我们的数据可视化教程页面。