html插入统计图

要在HTML中插入统计图，可以使用JavaScript图表库，如Highcharts、Chart.js和D3.js等。以下是一个使用Chart.js创建一个简单柱状图的示例：

1. 首先，在HTML文件中添加以下代码，以引入Chart.js：

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>

2. 在body标签中添加一个canvas元素，用于显示图表：

<canvas id="myChart"></canvas>

3. 在JavaScript文件中，您需要编写代码来创建和绘制图表。以下是一个使用Chart.js创建简单柱状图的示例代码：

// 准备数据
const data = {
  labels: ['一月', '二月', '三月', '四月', '五月', '六月'],
  values: [20, 35, 50, 30, 45, 55]
};

// 创建图表
const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: data.labels,
    datasets: [{
      label: '销售额',
      data: data.values,
      backgroundColor: 'rgba(255, 99, 132, 0.2)',
      borderColor: 'rgba(255, 99, 132, 1)',
      borderWidth: 1
    }]
  },
  options: {
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true
        }
      }]
    }
  }
});

在这段代码中，我们准备了一个包含标签和值的数据对象，并使用Chart.js库创建了一个柱状图。在图表的配置选项中，我们指定了图表类型、数据系列、颜色和边框等信息。最后，通过options选项指定了图表的刻度和标签样式等。

当然，Chart.js还提供了许多其他的配置选项和功能，可以根据需要自定义图表的样式和行为。您可以参考Chart.js的官方文档，了解更多API和示例。