ASP.NET MVC+HighCharts开发统计图表

最新推荐文章于 2020-06-05 11:11:11 发布

全栈极简

最新推荐文章于 2020-06-05 11:11:11 发布

阅读量4k

点赞数 4

分类专栏： .NET In Action

本文链接：https://blog.csdn.net/chinacsharper/article/details/80810570

版权

.NET In Action 专栏收录该内容

98 篇文章 12 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用ASP.NET MVC结合HighCharts库创建数据可视化图表，包括横向柱状图、饼图和纵向柱状图。通过示例代码展示了在前端cshtml和控制器cs中如何操作，便于快速理解和应用。

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

HighCharts是开源的Web图表js组件，与D3.js一样，经常用于数据可视化。HighCharts图表类型丰富，功能非常强大，是很好的数据可视化解决方案，其官方网站为：http://www.hcharts.cn/，感兴趣的读者可以自行去下载HighCharts并按照给出的Example尝试着开发，基本上按照示例中的例子，把数据部分替换成自己想要展示的数据就可以了，非常容易上手。本篇博客将结合ASP.NET MVC和HighCharts开发统计图表功能，为简单起见，这里只演示三个最基本、最常用的图表类型（柱状图、饼图）。

一、横向柱状图
这里写图片描述
前端cshtml代码：

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>退休单位统计</title>
    <script src='@Url.Content("~/Scr