如何在C＃中绘图时添加图表区域 [英] How to add chart areas while plotting in C#
本文介绍了如何在C＃中绘图时添加图表区域的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试向图表添加调用
以下是什么命令将完全执行
Hi,
I am trying to add invocations to a graph
what does the following command will do exactly
pltOutput.ChartAreas.Add("ChartAreaInvocation"+index);
谢谢
John
Thanks
John
推荐答案
我在我的应用程序中使用了融合图表。
它可能有所帮助u，
我的代码：
i have used fusion chart in my app'n.,
it may help u,
My Code:
.aspx
<![CDATA[<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TruckChart.aspx.cs" Inherits="NPSDashboard.TruckChart" %>]]>
<!--[if IE 8]><html lang="en" class="ie8"></html><![endif]-->
<!--[if IE 9]><html lang="en" class="ie9"></html><![endif]--><!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<title><![CDATA[<%=ConfigurationManager.AppSettings["title"]%>]]></title>
<meta content="3000;URL=Logout.aspx" http-equiv="refresh" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="assets/bootstrap/css/bootstrap-fileupload.css" rel="stylesheet" />
<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href="css/style.min.css" rel="stylesheet" />
<link href="css/style_responsive.css" rel="stylesheet" />
<link href="css/style_default.css" id="style_color" rel="stylesheet" />
<link href="assets/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
<link href="assets/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
<link href="assets/gritter/css/jquery.gritter.css" rel="stylesheet" type="text/css" />
<link href="assets/chosen-bootstrap/chosen/chosen.css" rel="stylesheet" type="text/css" />
<link href="assets/jquery-tags-input/jquery.tagsinput.css" rel="stylesheet" type="text/css" />
<link href="assets/clockface/css/clockface.css" rel="stylesheet" type="text/css" />
<link href="assets/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css" />
<link href="assets/bootstrap-datepicker/css/datepicker.css" rel="stylesheet" type="text/css" />
<link href="assets/bootstrap-timepicker/compiled/timepicker.css" rel="stylesheet" type="text/css" />
<link href="assets/bootstrap-colorpicker/css/colorpicker.css" rel="stylesheet" type="text/css" />
<link href="assets/bootstrap-toggle-buttons/static/stylesheets/bootstrap-toggle-buttons.css" rel="stylesheet" />
<link href="assets/data-tables/DT_bootstrap.css" rel="stylesheet" />
<link href="assets/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>
<body class="fixed-top">
<div class="navbar navbar-inverse navbar-fixed-top" id="header">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="#"><img alt="Admin Lab" src="<br" mode="hold" /> "img/logo.png"></a><a class="btn btn-navbar collapsed">
data-target=".nav-collapse" data-toggle="collapse" id=
"main_menu_trigger"><span class="icon-bar"></span><span class="<br" mode="hold" /> "icon-bar"><span class="icon-bar"></span><span class="<br" mode="hold" /> "arrow"></a>
<div class="nav notify-row" id="top_menu">
<ul class="nav top-menu">
<li class="dropdown" style="display:none">
<a class="dropdown-toggle element icon-cog">
data-original-title="Settings" data-placement=
"bottom" data-toggle="tooltip" href="#" style=
"font-style: italic"></a>
</li>
<li class="dropdown" id="header_inbox_bar">
<a class="dropdown-toggle" data-toggle="dropdown">
href="#"> "icon-envelope-alt"><span class="<br" mode="hold" /> "badge badge-important"></a>
<ul class="dropdown-menu extended inbox" style="display:none">
<li>
<p></p>
</li>
<li>
<a href="#"><span class="photo"><img alt="<br" mode="hold" /> "avatar" src=
"img/avatar-mini.png"></span><span class="<br" mode="hold" /> "subject"><span class="from">Dulal
Khan</span><span class="time">Just
now</span> <span class="<br" mode="hold" /> "message">Hello, this is an example
messages please check</a>
</li>
<li>
<a href="#"><span class="photo"><img alt="<br" mode="hold" /> "avatar" src=
"img/avatar-mini.png"></span><span class="<br" mode="hold" /> "subject"><span class="from">Rafiqul
Islam</span><span class="time">10
mins</span> <span class="<br" mode="hold" /> "message">Hi, Mosaddek Bhai how are you
?</a>
</li>
<li>
<a href="#"><span class="photo"><img alt="<br" mode="hold" /> "avatar" src=
"img/avatar-mini.png"></span><span class="<br" mode="hold" /> "subject"><span class="from">Sumon
Ahmed</span><span class="time">3
hrs</span> <span class="<br" mode="hold" /> "message">This is awesome dashboard
templates</a>
</li>
<li>
<a href="#"><span class="photo"><img alt="<br" mode="hold" /> "avatar" src=
"img/avatar-mini.png"></span><span class="<br" mode="hold" /> "subject"><span class="from">Dulal
Khan</span><span class="time">Just
now</span> <span class="<br" mode="hold" /> "message">Hello, this is an example
messages please check</a>
</li>
<li>
<a href="#">See all messages</a>
</li>
</ul>
</li>
<li class="dropdown" id="header_notification_bar">
<a class="dropdown-toggle" data-toggle="dropdown">
href="#"><span class="<br" mode="hold" /> "badge badge-warning"></a>
<ul class="dropdown-menu extended notification" style="display:none">
<li>
<p>You have 7 new notifications</p>
</li>
<li>
<a href="#"><span class="<br" mode="hold" /> "label label-important icon-bolt" style=
"font-style: italic"> Server #3
overloaded. <span class="small italic">34
mins</span></a>
</li>
<li>
<a href="#"><span class="<br" mode="hold" /> "label label-warning icon-bell" style=
"font-style: italic"> Server #10 not
respoding. <span class="small italic">1
Hours</span></a>
</li>
<li>
<a href="#"><span class="<br" mode="hold" /> "label label-important icon-bolt" style=
"font-style: italic"> Database
overloaded 24%. <span class="<br" mode="hold" /> "small italic">4 hrs</a>
</li>
<li>
<a href="#"><span class="<br" mode="hold" /> "label label-success icon-plus" style=
"font-style: italic"> New user
registered. <span class="small italic">Just
now</span></a>
</li>
<li>
<a href="#"><span class="<br" mode="hold" /> "label label-info icon-bullhorn" style=
"font-style: italic"> Application
error. <span class="small italic">10
mins</span></a>
</li>
<li>
<a href="#">See all notifications</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="top-nav">
<ul class="nav pull-right top-menu">
<li class="dropdown mtop5" style="display:none">
<a class="<br" mode="hold" /> "dropdown-toggle element icon-comments-alt"
data-original-title="Chat" data-placement="bottom"
data-toggle="tooltip" href="#" style=
"font-style: italic">
</li>
<li class="dropdown mtop5" style="display:none">
<a class="dropdown-toggle element icon-headphones">
data-original-title="Help" data-placement="bottom"
data-toggle="tooltip" href="#" style=
"font-style: italic"></a>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<!-- <img alt="" src="../img/avatar1_small.jpg"> -->
<span class="username">Administrator</span></a>
<ul class="dropdown-menu">
<li>
<a href="#"> My
Profile</a>
</li>
<li>
<a href="#"> My
Tasks</a>
</li>
<li>
<a href="#">
Calendar</a>
</li>
<li class="divider"></li>
<li>
<a href="Logout.aspx"> "icon-key"> Log Out</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row-fluid" id="container">
<!--#include file="Menu.aspx"-->
<div id="main-content">
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="hidden-phone" id="theme-change">
<span class="<br" mode="hold" /> "settings"><span class="<br" mode="hold" /> "text">Theme:<span class="<br" mode="hold" /> "colors"><span class="color-default" data-style="<br" mode="hold" /> "default"><span class="color-gray">
data-style="gray"></span><span class="color-purple">
data-style="purple"></span><span class="<br" mode="hold" /> "color-navy-blue" data-style=
"navy-blue">
</div>
<h3 class="page-title">National Petroleum Services Dashboard<small></small></h3>
<ul class="breadcrumb" style="display:none">
<li>
<a class="icon-home" href="#" style="<br" mode="hold" /> "font-style: italic"><span class="<br" mode="hold" /> "divider">
</li>
<li>
<a href="EquipmentTracking.aspx">Equipment Tracking</a><span class="<br" mode="hold" /> "divider">
</li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="widget">
<div class="widget-title">
<h4>Truck Tracking</h4><span class="tools">
<a class="icon-chevron-down" href="javascript:;"></a><a class="icon-remove" href="javascript:;"></a></span>
</div>
<div class="widget-body">
<div class="control-group">
<form id="form1" runat="server">
<div class="controls">
<table id="sample_1" border="0" width="100%">
<thead>
<tr>
<td>Start Date</td>
<td>
<asp:textbox id="StartDate" runat="server" cssclass="m-ctrl-medium date-picker" xmlns:asp="#unknown"></asp:textbox>
</td>
<td>End Date</td>
<td>
<asp:textbox id="EndDate" runat="server" cssclass="m-ctrl-medium date-picker" xmlns:asp="#unknown"></asp:textbox> </td>
</tr>
</thead>
</table>
<div class="form-horizontal well">
<fieldset>
<legend>Select Trucks</legend>
<center>
<table width="80%">
<tr>
<td>
<asp:checkboxlist id="cbltrucks" width="150px" font-bold="true" xmlns:asp="#unknown">
ForeColor="Black" runat="server"
RepeatColumns="20" CellPadding="5" CellSpacing="5"
RepeatDirection="Horizontal">
</asp:checkboxlist>
</td>
</tr>
<tr>
<td>
<input id="Button1" type="button" value="Generate" class="btn btn-success" onclick="CreateChart()" /></td>
</tr>
<tr>
<td>
<asp:hiddenfield id="hdn" runat="server" xmlns:asp="#unknown" />
</td>
</tr>
</table>
</center>
</fieldset>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="widget">
<div class="widget-title">
<h4>Data Chart</h4><span class="tools">
<a class="icon-chevron-down" href="javascript:;"></a><a class="icon-remove" href="javascript:;"></a></span>
</div>
<div class="widget-body">
<div class="control-group">
<div class="controls">
<div id="chartContainerCT" style="text-align:center">FusionCharts will load here!</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="span6">
<div class="widget">
<div class="widget-title">
<h4>Cementing Chart</h4><span class="tools">
<a class="icon-chevron-down" href="javascript:;"></a><a class="icon-remove" href="javascript:;"></a></span>
</div>
<div class="widget-body">
<div class="control-group">
<div class="controls">
<div id="chartContainerCC" style="text-align:center">FusionCharts will load here!</div>
</div>
</div>
</div>
</div>
</div>-->
</div>
<!--<div class="row-fluid">
<div class="span12">
<div class="widget">
<div class="widget-title">
<h4>Stimulation Chart</h4><span class="tools">
<a class="icon-chevron-down" href="javascript:;"></a><a class="icon-remove" href="javascript:;"></a></span>
</div>
<div class="widget-body">
<div class="control-group">
<div class="controls">
<div id="chartContainerSC" style="text-align:center">FusionCharts will load here!</div>
</div>
</div>
</div>
</div>
</div>
</div>-->
</div>
</div>
</div>
<div id="footer">
National Petroleum Services Dashboard @<%=DateTime.Now.Year %>
<div class="span pull-right">
<span class="go-top icon-arrow-up" style="font-style: italic"></span>
</div>
</div>
<script src="./js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="./assets/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="./assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="./assets/bootstrap/js/bootstrap-fileupload.js" type="text/javascript"></script>
<script src="./js/jquery.blockui.js" type="text/javascript"></script>
<!--[if lt IE 9]><script src="./js/excanvas.js"></script><script src="./js/respond.js"></script><![endif]-->
<script src="./assets/chosen-bootstrap/chosen/chosen.jquery.min.js" type="text/javascript"></script>
<script src="./assets/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="./assets/bootstrap-wysihtml5/wysihtml5-0.3.0.js" type="text/javascript"></script>
<script src="./assets/bootstrap-wysihtml5/bootstrap-wysihtml5.js" type="text/javascript"></script>
<script src="./assets/clockface/js/clockface.js" type="text/javascript"></script>
<script src="./assets/jquery-tags-input/jquery.tagsinput.min.js" type="text/javascript"></script>
<script src="./assets/bootstrap-toggle-buttons/static/js/jquery.toggle.buttons.js" type="text/javascript"></script>
<script src="./assets/bootstrap-datepicker/js/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="./assets/bootstrap-daterangepicker/date.js" type="text/javascript"></script>
<script src="./assets/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="./assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js" type="text/javascript"></script>
<script src="./assets/bootstrap-timepicker/js/bootstrap-timepicker.js" type="text/javascript"></script>
<script src="./assets/bootstrap-inputmask/bootstrap-inputmask.min.js" type="text/javascript"></script>
<script src="./assets/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="./js/scripts.js" type="text/javascript"></script>
<script src="chart/FusionChart/Charts/FusionCharts.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
App.init()
});
function CreateChart() {
var Section =
（'#ddSection option：selected'）。val（）;
var StartDate =
('#ddSection option:selected').val(); var StartDate =
（'＃StartDate'）。val（）;
var EndDate =
('#StartDate').val(); var EndDate =
这篇关于如何在C＃中绘图时添加图表区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
