js highcharts图表控件

大熊程序猿

已于 2024-01-06 10:36:33 修改

阅读量619

点赞数 9

CC 4.0 BY-SA版权

分类专栏：前端Javascript 文章标签： javascript 开发语言 ecmascript

于 2024-01-06 10:34:12 首次发布

本文链接：https://blog.csdn.net/xiaoxionglove/article/details/135422791

Highcharts是国外的一款功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库

一、新建项目：HchartDemo

二、引入js

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/hchart/highcharts.js"></script>
<script src="~/lib/hchart/exporting.js"></script>

完整代码：

@{
    ViewData["Title"] = "Home Page";
    Layout = null;
}
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/hchart/highcharts.js"></script>
<script src="~/lib/hchart/exporting.js"></script>


<script type="text/javascript">
    var chart = null;
    $.getJSON('https://data.jianshukeji.com/jsonp?filename=json/usdeur.json&callback=?', function (data) {
        chart = Highcharts.chart('container', {