highcharts不使用ajax创建

Highcharts是一款功能强大的JavaScript图表库，用于在网页上创建交互式和动态的图表。它支持多种图表类型，包括线图、柱状图、饼图、散点图等，可以用于数据可视化和分析。

Highcharts不使用AJAX创建图表，而是通过直接传递数据给图表对象来创建图表。以下是创建Highcharts图表的一般步骤：

引入Highcharts库：在HTML页面中引入Highcharts库的JavaScript文件。
创建容器：在HTML页面中创建一个容器元素，用于显示图表。
准备数据：准备要显示的数据，可以是静态的数据数组或从后端获取的数据。
创建图表对象：使用Highcharts的构造函数创建一个图表对象，并指定容器元素的ID。
配置图表：通过设置图表对象的属性和选项来配置图表的外观和行为，例如标题、坐标轴、图例等。
添加数据：将准备好的数据传递给图表对象的数据属性。
渲染图表：调用图表对象的chart()方法来渲染图表，将其显示在容器中。

以下是一个示例代码，演示如何使用Highcharts创建一个简单的柱状图：

<!DOCTYPE html>
<html>
<head>
  <title>Highcharts Example</title>
  <script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>
  <div id="chartContainer" style="width: 400px; height: 300px;"></div>

  <script>
    // 准备数据
    var data = [5, 10, 15, 20, 25];

    // 创建图表对象
    var chart = new Highcharts.Chart({
      chart: {
        renderTo: 'chartContainer',
        type: 'column'
      },
      title: {
        text: 'Example Chart'
      },
      xAxis: {
        categories: ['A', 'B', 'C', 'D', 'E']
      },
      yAxis: {
        title: {
          text: 'Value'
        }
      },
      series: [{
        name: 'Data',
        data: data
      }]
    });
  </script>
</body>
</html>

在上面的示例中，我们引入了Highcharts库的JavaScript文件，创建了一个容器元素chartContainer，准备了一个数据数组data，然后使用Highcharts的构造函数创建了一个柱状图对象，并通过设置属性和选项来配置图表的外观和行为。最后，将数据传递给图表对象的数据属性，并调用chart()方法来渲染图表。

Highcharts官方网站提供了详细的文档和示例，可以进一步了解和学习Highcharts的使用：Highcharts官方网站。