自定义MSChart Y轴间隔

转载 2011年01月17日 16:20:00

MS Chart Control的Y軸格線比率可以設AxisY.Interval的方式去定義每個格線的距離,但它是等比例的格線,如果要自訂格線位置,有另一種變通的方法.

 

今天欲做到的效果如下圖所示:

0~20 / 21~60 / 61~80 / 81~100 分為四等份.

image

因為原本的GridLine無法做這種不等比例的格線,所以就把它給Disable.並把Y軸數字給Hide起來.

chart1.ChartAreas[0].AxisY.MajorGrid.Enabled = false;

chart1.ChartAreas[0].AxisY.MajorTickMark.Enabled = false;

chart1.ChartAreas[0].AxisY.LabelStyle.ForeColor = System.Drawing.Color.Transparent; //這個只有第二種顯示方式才需要,第一種會直接蓋掉

chart1.ChartAreas[0].AxisY.Maximum = 100;

 

格線跟Y軸數字都拿掉後,圖表就像下例的樣子.

image

接下來把左邊Y軸的標題用CustomLabel取代.

chart1.ChartAreas[0].AxisY.CustomLabels.Add(0, 20, "0~20");

chart1.ChartAreas[0].AxisY.CustomLabels.Add(21, 60, "21~60");

chart1.ChartAreas[0].AxisY.CustomLabels.Add(61, 80, "61~80");

chart1.ChartAreas[0].AxisY.CustomLabels.Add(81, 100, "81~100");

第一個參數是開始位置,第二個參數為結束位置,第三個參數為顯示文字,所以執行後如下.

image

當然我們也可以換個方式顯示這個CustomLabel.

CustomLabel cl1 = new CustomLabel(0, 20, "0~20", 1, LabelMarkStyle.Box);

//參數依序為(開始位置,結束位置,顯示文字,位置Index(0就是靠近Y軸,數字愈大就往左移),顯示方式)

cl1.ForeColor = Color.Black;

chart1.ChartAreas[0].AxisY.CustomLabels.Add(cl1);


image

 

 

 

接下來再用StripLine的方式把格線給加上去.

StripLine sl1 = new StripLine();

sl1.BackColor = System.Drawing.Color.Black; //格線黑色

sl1.IntervalOffset = 20;//顯示在Y軸值=20的地方

sl1.StripWidth = 1;//線寬

chart1.ChartAreas[0].AxisY.StripLines.Add(sl1);//把它加到AxisY裡去

 

StripLine sl2 = new StripLine();

sl2.BackColor = System.Drawing.Color.Black; //格線黑色

sl2.IntervalOffset = 60;//顯示在Y軸值=60的地方

sl2.StripWidth = 1;//線寬

chart1.ChartAreas[0].AxisY.StripLines.Add(sl2);//把它加到AxisY裡去

其它依此類推,這樣的顯示結果就會變為下面圖例:

image

 

以上就是自行加入不定比例的Y軸格線方式,如果有其它方式,歡迎各位的交流~

HelloCharts自定义Y轴

  • 2016年12月29日 14:47
  • 40.89MB
  • 下载

自定义间隔组播收发测试软件

  • 2016年04月28日 00:15
  • 93KB
  • 下载

Echarts折线图 炫酷实现y轴自定义色阶

这是本鸟最近使用echarts的心得!

C# 画坐标,graphics,C# 坐标自定义X轴、Y轴

先看效果: 其中X轴,Y轴都是可以自定义的,可以从零开始,也可以从任意位置开始。 看坐标的画法:, 下面通过五个函数,来分别说明,注意这里坐标的定位是通过外层的Panel来实现的。 usi...
  • luolunz
  • luolunz
  • 2012年08月27日 21:08
  • 10082

多重折线图自定义X轴间隔与自定义title名称—R语言

InputData Rcode library(ggplot2) data
  • huozi07
  • huozi07
  • 2015年11月12日 23:49
  • 1172

自定义二维码y样式的demo

  • 2017年03月07日 00:16
  • 25.69MB
  • 下载

Android:解决RadioGroup中RadioButton的图片自定义及每项间隔距离一样

原文:http://dengli19881102.iteye.com/blog/2094904   这个用于控制每个radiobutton之间的距离一致。 android:layout_wei...

Android Seekbar间隔和自定义

最近在项目中使用到了seekbar和progressbar,且必须按照设计要求来进行设置,如下图。要实现这个效果就必须对这两个控件进行自定义。    一,SeekBar       一开始要实...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自定义MSChart Y轴间隔
举报原因:
原因补充:

(最多只允许输入30个字)