在Chrome浏览器中，按F12键或右键点击页面选择“检查”打开开发者控制台。在“Console”面板中，可输入一些简单的代码来生成数据图表。例如，输入`console.log([{name: 'Category A', value: 30}, {name: 'Category B', value: 50}, {name: 'Category C', value: 20}]);`，控制台会以图表形式展示这些数据，直观地呈现各类别数据的比例关系。
切换到“Network”面板，当页面加载时，能查看各种资源加载的时间、大小等信息，这些数据也可以通过图表形式展示，比如柱状图展示不同资源的加载时间对比，帮助开发者分析页面性能瓶颈。在“Performance”面板，可录制页面的性能表现，生成的报告中包含多种图表，如火焰图展示函数调用的时间消耗，便于开发者优化代码，提升页面性能和用户体验。
