• 实践在JavaWeb页面中动态生成ECharts图表。
  • 显示热词词云和关系图。

    // 在 Servlet 中设置热词数据
    request.setAttribute("hotWords", hotWords);
    request.getRequestDispatcher("hot_words.jsp").forward(request, response);

     

    <%@ page language="java" contentType="text/html;charset=UTF-8" %>
    <html>
    <head>
    <title>热词分析</title>
    <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
    </head>
    <body>
    <h1>信息领域热词分析</h1>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script>
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
    title: {
    text: '信息领域热词分析'
    },
    tooltip: {},
    legend: {
    data:['热词']
    },
    xAxis: {
    data: <%
    String[] hotWords = (String[]) request.getAttribute("hotWords");
    out.print(Arrays.toString(hotWords));
    %>
    },
    yAxis: {},
    series: [{
    name: '热词',
    type: 'bar',
    data: [5, 20, 36]
    }]
    };
    myChart.setOption(option);
    </script>
    </body>
    </html>