HighCharts+数据库+idea实现图表

最新推荐文章于 2024-08-21 06:09:54 发布

好嗨嗨嗨哟

最新推荐文章于 2024-08-21 06:09:54 发布

阅读量662

点赞数 1

文章标签：数据库 ajax js html

本文链接：https://blog.csdn.net/m0_44978502/article/details/103825693

版权

本文介绍如何结合HighCharts、数据库和Ajax在Idea中实现图表展示。首先，需要导入exporting.js、highcharts.js等js库，接着将js代码整合到项目中。然后，通过Ajax传递参数至Controller层，完成数据交互。

摘要由CSDN通过智能技术生成

HighCharts+数据库+idea实现图表

HighCharts模板

HighCharts模板

你好！如果这是你第一次使用 HighCharts 实现图表。如果你想学习快速使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown模板https://www.highcharts.com.cn有你需要的模板在这里插入图片描述
然后选择你要的模板

需要导入的js

exporting.js
highcharts.js
highcharts-zh_CN.js
jquery-3.3.1.min.js
资源https://jshare.com.cn/temp/SMGr0L 点击下载

js代码

copy到你的项目里

idea的ajax传参数

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="container" style="min-width:800px;height:800px"></div>
<input value="跳转" id="go" type="button" οnclick="tiao();">
</body>
<script src="/jquery-1.8.3.js"></script>
<script src="/jquery-3.3.1.min.js"></script>
<script src="/highcharts-zh_CN.js"></script>
<script src="/highcharts.js"></script>
<script src="/exporting.js"></script>
<script>
    var chat=Highcharts.chart('container', {
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: