• 学习ECharts的基本用法。
  • 将ECharts集成到JavaWeb项目中。

  • <div id="main" style="width: 600px;height:400px;"></div>
    <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
    <script>
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
    title: {
    text: '信息领域热词分析'
    },
    tooltip: {},
    legend: {
    data:['热词']
    },
    xAxis: {
    data: ["人工智能","大数据","云计算"]
    },
    yAxis: {},
    series: [{
    name: '热词',
    type: 'bar',
    data: [5, 20, 36]
    }]
    };
    myChart.setOption(option);
    </script>