
.NET 图表专区
暖枫无敌
15年以上C#.NET项目开发及带技术团队经验。
展开
-
(四)、读取数据库数据并在HighCharts上显示
<br />在上一篇简单的静态例子中,大家应该可以看得出,图表里横纵坐标的数据都是静态的几个数据,因此我们只要从数据库读取出我们想要的横纵坐标值,然后动态赋给Chart就行了。<br /> <br /> <br />X轴:<br /> xAxis: {<br /> categories: ['周一', '周二', '周三', '周四', '周五', '周六', '周日' ], //X轴的坐标值<br /> title原创 2011-04-15 16:02:00 · 31266 阅读 · 16 评论 -
ASP.NET Web开发 Echarts图表空数据优化
1、问题提出 在Web开发中,使用Echarts百度图表控件显示折线图、饼图等时,如果从数据库取出的是空数据,默认显示的是动态气泡图,看起来很凌乱,用户体验不好,那么我们如何修改呢? 2、问题解决 在初始化图表时,增加noDataLoadingOption属性配置,代码如下所示: myChart = echarts.init(document.getElem原创 2016-03-04 11:08:46 · 3933 阅读 · 0 评论 -
asp.net使用echarts展示图表数据
Echart图表示例 //初始化 $(function () { $('#table2').hide(); }) //点击切换面板 var IsFixedTableLoad = 1; function panel(obj) {原创 2015-06-29 15:58:49 · 23434 阅读 · 6 评论 -
asp.net系统中根据经纬度坐标,直接调用google地图,显示位置
根据经纬度坐标定位地图,调用google地图,显示位置,不需要额外编写代码,只需使用下列地址,修改参数即可:http://www.google.cn/maps?hl=zh-CN&tab=wl&q=31.81673,117.2469895 效果图如下:原创 2015-04-27 14:34:49 · 2532 阅读 · 0 评论 -
百度地图API开发demo地址
此次开发的GPS车辆人员定位系统中,涉及到的开发内容重点有:1、车辆实时定位:要求页面每10s刷新一次,显示车辆最后一次位置,地图上的所有车辆点击可查看车辆的实时运行信息,如速度、方向以及基础信息,选择某个车辆可以开始跟踪该车辆的行驶路线。2、车辆轨迹回放:根据某个时间段,选择某辆车,进行轨迹回放。3、电子围栏:当某辆车不在规定的路线上行驶,要及时进行偏离路线处理。同时支持框选、多边形选择、圈选等原创 2015-04-27 14:03:22 · 20943 阅读 · 1 评论 -
(三)、使用HighCharts创建第一个图表实例
在你的项目中引入上一篇中提到的js文件,项目根目录下新建一个JS文件夹,然后将前面下载的js文件放入该文件夹下,放入后的效果如下: 在前台aspx页面中,引入以上js文件,如下: 接下来,看下Script脚本中的内容: var chart; $(document).ready(function () { chart =原创 2011-04-15 15:32:00 · 30405 阅读 · 17 评论 -
amchart图表控件使用
项目中使用到的amchart对应的js文件及datepicker97控件到以下地址下载:http://download.csdn.net/detail/taomanman/6889253效果图如下: 温湿度历史曲线图原创 2014-01-28 12:03:56 · 5662 阅读 · 0 评论 -
asp.net 图表使用参考
1、HighCharts动态实时曲线:http://blog.csdn.net/nuaazdh/article/details/6754928原创 2012-11-19 19:09:24 · 1416 阅读 · 0 评论 -
HighCharts图的click事件
$(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',原创 2012-04-09 12:28:06 · 12768 阅读 · 0 评论 -
(五)、利用HighCharts 显示饼图
利用HightCharts显示饼图,主要有以下几个主要注意点:1、百分比格式,精确到小数点几位:Highcharts.numberFormat(this.percentage, 2) //2表示精确到小数点后2位2、series的data格式 [名称,值]的JSON格式序列[ [IE浏览器,200], [Firefox浏览器,300], [傲游,4原创 2011-11-07 09:43:12 · 19786 阅读 · 4 评论 -
解决HighCharts饼图中如果所占百分比为0的时候,不显示边线及0%的方法
var chart;$(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'chart' }, title: { text: '版本分布分析' }, plotArea: {原创 2012-04-01 09:49:50 · 12138 阅读 · 1 评论 -
一些常用的甘特图示例地址
1、http://www.edogantt.com/project/examples/project.html2、http://www.longboo.com/3、http://www.jsgantt.com/4、http://www.dhtmlx.com/docs/products/dhtmlxGantt/index.shtml?mn原创 2011-12-31 09:12:25 · 3478 阅读 · 0 评论 -
(二)、HighCharts图表js库结构介绍及下载
HighCharts的版本在不断更新中,这里以HighCharts 2.1.4来介绍,下载地址:http://download.csdn.net/source/3193817下载后,解压,找到HighCharts文件夹,目录结构如下:1、highcharts.js是主要的js文件2、themes是样式文件夹,主要有深蓝、深绿、灰色、网格四种样式风格。3、modules文件夹下主要包含一个图表图片到出的格式js,有png、jpg、及svg格式。4、adapters下有mootools和prototype适配器原创 2011-04-15 14:37:00 · 394 阅读 · 0 评论 -
(一)、HighCharts图表组件简单介绍
<br />官方网址:http://www.highcharts.com/<br /><br /><br />1、什么是HighCharts?<br /> • Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在您的web网站或是web应用程序添加有交互性的图表。<br /> • 目前HighCharts支持的图表类型有 直线图、曲线图、区域图、区域曲线图、柱状图、饼状图和散状点图。<br /> <br /> <br /> <br />2、HighCha原创 2011-04-15 14:07:00 · 4617 阅读 · 0 评论 -
asp.net 调用echarts显示图表控件随浏览器自适应解决方案
1、问题来源 我们在asp.net开发中常使用到frameset的框架结构,比如上左中右方式,在中间部分是一个可以控制左侧部分显示隐藏的功能,这时右边内容区域如果有使用echarts进行图表显示时,就会出现不能随浏览器自适应,我们该如何做呢?2、解决方法 需要在生成图表的js方法中增加一个定时器,当浏览器窗口发生大小改变时,触发chart图表控件同时改变大小,核心代码如原创 2015-11-04 18:16:15 · 4859 阅读 · 0 评论