Owc 繪製曲線

前些日子，由於公司需要web曲線的功能，因此這部分工作讓我去實驗、研究。本人也是第一次弄這個東西，通過在網上查資料，自己看幫助，總算弄出了曲線圖形。

效果圖如下：

default.cs.aspx:

protected void page_load(object sender, eventargs e)}

private dataset dataset()

#region 繪製兩個y軸

///

/// 繪製兩個y軸

///

private void charty()

//為x軸指定特定字串，以便顯示資料

string strxdata = string.empty;

foreach (string strdata in monnum)

string strydata = string.empty;

//為y軸指定特定的字串，以便與x軸相對應

foreach (string strvalue in moncount)

string strydata1 = string.empty;

foreach (string strvalue1 in monfee)

//建立chartspace物件來放置圖表

chartspace layspace = new chartspaceclass();

//在chartspace物件中新增圖表

chchart insertchart = layspace.charts.add(0);

//指定繪製圖表的型別。型別可以通過owc.chartcharttypeenum列舉值得到

insertchart.type = chartcharttypeenum.chcharttypeline;//折線圖

= chartcharttypeenum.chcharttypearea;//面積圖

= chartcharttypeenum.chcharttypebarclustered;//條形圖

= chartcharttypeenum.chcharttypecolumnclustered;//柱形圖

= chartcharttypeenum.chcharttypesmoothline; //弧線圖

= chartcharttypeenum.chcharttypepie; // 餅圖

//指定圖表是否需要圖例標註

insertchart.haslegend = true;

insertchart.hastitle = true;//為圖表新增標題

insertchart.title.caption = "2023年本人每個月花銷流水賬";//標題名稱

//為x,y軸新增圖示說明

insertchart.axes[0].hastitle = true;

insertchart.axes[0].title.caption = "月份(月)";//月份

insertchart.axes[1].hastitle = true;

= 200;

insertchart.axes[1].title.caption = "數量(元)";

//顯示y軸刻度標籤

insertchart.axes[1].hasticklabels = true ;

//不顯示y軸主要刻度標記

majortickmarks = charttickmarkenum.chtickmarknone;

//y軸主要網路線

insertchart.axes[1].hasmajorgridlines = false;

insertchart.axes[1].hasautomajorunit = true;

//座標軸上顯示的資料格式設定

insertchart.axes[1].numberformat = "0.00%";

//座標軸刻度寬度

ticklabelspacing =1;

title.position = charttitlepositionenum.chtitlepositionbottom;

//給y軸新增乙個對應的平行軸

insertchart.axes.add(insertchart.axes[1].scaling);

insertchart.axes[2].position = chartaxispositionenum.chaxispositionleft ;

insertchart.axes[2].crossingaxis = insertchart.axes[1];

insertchart.axes[2].hastitle = true;

insertchart.axes[2].title.caption = "金額(元)";

//繪圖區背景顏色

insertchart.plotarea.interior.color = "white";

//圖表工作區邊框顏色

insertchart.border.color = "blue";

//insertchart.

// 新增乙個series系列

insertchart.seriescollection.add(0);

// 設定次座標軸,系列2的累積百分比依據次座標軸填充

insertchart.seriescollection.add(1);

insertchart.seriescollection[1].ungroup(true);

//給定series系列的名字

insertchart.seriescollection[0].setdata(chartdimensionsenum.chdimseriesnames, +(int)chartspecialdatasourcesenum.chdataliteral, strseriesname);

//給定分類

insertchart.seriescollection[0].setdata(chartdimensionsenum.chdimcategories, +(int)chartspecialdatasourcesenum.chdataliteral, strxdata);

//給定值

insertchart.seriescollection[0].setdata(chartdimensionsenum.chdimvalues, (int)chartspecialdatasourcesenum.chdataliteral, strydata);

//曲線的顏色

insertchart.seriescollection[1].line.color = "blue";

//繪製第二條圖形

insertchart.seriescollection[1].setdata(chartdimensionsenum.chdimseriesnames, +(int)chartspecialdatasourcesenum.chdataliteral, strseriesname);

insertchart.seriescollection[1].setdata(chartdimensionsenum.chdimcategories, +(int)chartspecialdatasourcesenum.chdataliteral, strxdata);

insertchart.seriescollection[1].setdata(chartdimensionsenum.chdimvalues, (int)chartspecialdatasourcesenum.chdataliteral, strydata1);

//建立gif檔案的相對路徑.

string strrelativepath = "./image/showdata1.gif";

//把新增到placeholder中，並在頁面上顯示

string strimagetag = "

= strimagetag;

this.placeholder1.controls.add(new literalcontrol(strimagetag));

}#endregion

資料庫設計：

自己隨便建立乙個庫，第一列為x軸資料（日期），第

二、三列為y軸資料，隨便插入幾條記錄就可以了。

請大家指導，如果還有其它什麼好的方法，希望大家能共同交流。

Owc 繪製曲線

MATLAB曲線繪製

NURBS曲線繪製

繪製余弦曲線

Owc 繪製曲線

MATLAB曲線繪製

NURBS曲線繪製

繪製余弦曲線

相關推薦