用idea引入echarts做两个柱状图

在IntelliJ IDEA中引入ECharts库并创建两个柱状图，通常需要经过以下几个步骤：

1. **添加依赖**：
- 如果你是通过Maven，打开`pom.xml`文件，在`<dependencies>`标签下添加ECharts的依赖：

     <dependency>
         <groupId>org.webjars</groupId>
         <artifactId>webjars-locator-core</artifactId>
         <version>0.40.2</version>
     </dependency>
     <dependency>
         <groupId>com.github.hcharts</groupId>
         <artifactId>highcharts</artifactId>
         <version>8.2.0</version>
     </dependency>

- 如果使用Gradle，添加到`build.gradle`文件的`dependencies`块中：

     implementation 'org.webjars:webjars-locator-core:0.40.2'
     implementation 'com.github.hcharts:highcharts:8.2.0'

2. **导入库**：
- 在IDEA中，点击菜单栏的“File” -> “Project Structure” -> "Dependencies"，找到新增的依赖项，并将其引入到项目的构建路径。

3. **创建图表**：
- 在Java或Kotlin代码中，你可以使用Highcharts API来创建柱状图。例如，创建两个柱状图的示例：

     import com.highcharts.Highcharts;
     import com.highcharts.Chart;

     public class MyChart {

         public static void main(String[] args) {
             // 创建第一个柱状图
             Chart chart1 = Highcharts.chart("container1", new OptionsBuilder()
                     .setTitle(new Title().text("柱状图1"))
                     .xAxis(new XAxis().categories(Arrays.asList("A", "B", "C")))
                     .yAxis(new yAxis())
                     .series(new Series[]
                         {
                             new ColumnSeries().name("销量").data(Arrays.asList(19, 3, 5))
                         })
                     .build());

             // 创建第二个柱状图
             Chart chart2 = Highcharts.chart("container2", new OptionsBuilder()
                     .setTitle(new Title().text("柱状图2"))
                     .xAxis(new XAxis().categories(Arrays.asList("D", "E", "F")))
                     .yAxis(new yAxis())
                     .series(new Series[]
                         {
                             new ColumnSeries().name("销售额").data(Arrays.asList(7, 11, 13))
                         })
                     .build());
         }
     }

其中，`OptionsBuilder`用于配置图表的属性，如标题、轴、系列数据等。

4. **显示图表**：
- 最后别忘了在HTML文件中为每个容器添加适当的ID，以便在页面上显示生成的图表：

   <!-- 这里假设你在src/main/webapp目录下的index.html -->
   <div id="container1"></div>
   <div id="container2"></div>

记得替换上述代码中的示例数据和ID，然后在浏览器中预览查看效果。