坐标轴是图表不可或缺的元素,坐标轴控制着值、参数比例、网格、轴标签、轴刻度、坐标轴线等,anychart为坐标轴提供了多种属性,开发人员可以根据自己的需求进行灵活的设置,可控制坐标轴的几乎每一个可视元素,在这一节我们主要讨论AnyChart坐标轴的各个元素设置。
1. 坐标轴定义以及任何设置都是在<chart_settings>节点下的<axes>子节点里进行,像下面的代码:
2. 设置坐标轴标题:使用AnyChart可以设置任何轴的标题,以及控制标题的位置、字体使用的关键词,所有轴标题相关的设置都是在<y_axis><title> 或 <x_axis><title>节点里,如下事例代码:
<axes> <x_axis> <title> <text>Sample X axis name</text> <font bold="Yes" /> </title> </x_axis> <y_axis position="Opposite"> <title align="Near"> <text>Y axis from %DataPlotYMax to %DataPlotYMin</text> </title> </y_axis> </axes>
以上代码里我们设置了X轴和Y轴标题,并且设置X轴标题为粗体,Y轴标题中使用到了%DataPlotYMax 和%DataPlotYMin关键词
3. 轴位置:Anychat支持放置Y轴和X轴在任何一边,只需要设置<y_axis>节点里的position属性为"Opposite"或者"Normal":
4. 轴标签:如果要显示轴标签需要设置<labels enabled="true"/>,还可以指定标签显示的外观效果,标签离轴线的距离,标签的显示角度等
a) 正常模式显示标签
<y_axis>
<labels display_mode="Normal" />
</y_axis>
b) 旋转标签:
<y_axis>
<labels display_mode="Normal" rotation="90" />
</y_axis>
c) 标签交错显示:
<y_axis>
<labels display_mode="Stager" />
</y_axis>
d) 轴标签位置,标签可以放置在轴的左侧或者右侧
<y_axis>
<labels align="Inside" position="Inside" />
</y_axis>
e) 轴标签和轴的间隔
<y_axis>
<labels padding="10" />
</y_axis>
f) 轴标签字体和样式等
<y_axis>
<labels>
<font family="Courier" size="12" color="Red" bold="True" italic="False" underline="False" render_as_html="False">
<effects enabled="true">
<drop_shadow enabled="true" />
</effects>
</font>
</labels>
</y_axis>
g) 设置是否显示起始和结束标签以及十字标签
<y_axis>
<labels show_first_label="False" show_last_label="False" show_cross_label="True" />
</y_axis>
h) 轴标签的格式化会在以后详细介绍
只需要设置:
<x_axis>
<scale crossing="0" />
</x_axis>
7. 设置图表网格线
(一) 设置是否显示主网格线和次网格线
<y_axis>
<major_grid enabled="True" />
<minor_grid enabled="True" />
</y_axis>
(二) 设置网格线样式
<y_axis>
<major_grid enabled="True">
<line color="Black" />
</major_grid>
<minor_grid enabled="True">
<line color="Black" opacity="0.5" dashed="True" />
</minor_grid>
8. 还有很多细节方面的这里就不在一一说明,有兴趣的可以下载试用版,查看控件提供的帮助文档。
</y_axis>
5. 坐标轴线外观设置以及坐标轴分段
<axes> <y_axis> <line color="Red" /> <zero_line color="Red" /> </y_axis> <x_axis> <line_style color="Red" /> <zero_line_style color="Red" /> </x_axis> </axes>
6. 轴刻度:坐标轴刻度分为主刻度和次刻度,anychart可完全控制主刻度和次刻度间隔比例、外观和位置等
1) 设置主刻度和次刻度是否显示:
<y_axis>
<major_tickmark enabled="True" />
<minor_tickmark enabled="False" />
</y_axis>
2) 设置主刻度和次刻度位置
<y_axis>
<major_tickmark enabled="True" outside="True" inside="False" opposite="False" />
<minor_tickmark enabled="False" outside="False" inside="True" opposite="False" />
</y_axis>
3) 坐标轴比例分为线性(Linear)和对数(Logarithmic),如下:
<axes>
<y_axis>
<scale type="Logarithmic" />
</y_axis>
<x_axis>
<scale type="Linear" />
</x_axis>
</axes>
4) 坐标轴比例模式,各种比例模式适合哪些序列类型请看下表:
比例模式 |
图表序列类型 |
Normal |
适合所有序列类型 |
Stacked |
适合(Bar, Line, Area等) |
PercentStacked |
适合(Bar, Line, Area等) |
Overlay |
适合 柱状图 |
SortedOverlay |
适合 柱状图、气泡图 |
比例模式设置如下:
<y_axis>
<scale mode="Stacked" />
</y_axis>
5) 设置坐标轴最大值和最小值
<y_axis>
<scale maximum="100" minimum="-50" />
</y_axis>
6) 设置坐标轴主刻度和次刻度的间隔步数,如下:
<y_axis>
<scale major_interval="20" minor_interval="2" />
</y_axis>
7) 设置坐标轴比例倒置显示,也就是从上到下递增显示,如:
<y_axis>
<scale inverted="true" />
</y_axis>
8) 设置轴位置,如下图:
相关推荐
Anychart XMLReference配置的文档说明,离线模式
NULL 博文链接:https://zhuhm.iteye.com/blog/1452059
wpf中使用图表控件
微软图表控件:安装 控件的安装相对比较简单,下载完后,先执行“MSChart.exe”程序,它会自动检测你的环境,安装到系统目录中去,如果要在VS 2008环境中直接使用,那么需要安装For Vs2008的插件,MSChart_...
微软图表控件MsChart使用初探.doc
Visifire图表控件 Visifire图表控件
源码自动生成各种数据后,调用chart控件生成图表的源码程序,仅供测试参考。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
(asp.net MVC 使用chart图表控件的示例
web网页图表控件highchart示例
AnyChart图表个人总结,学习了一周,个人作的一个总结文档,希望对大家有用。
现在搜索不到没有对AnyChart控件的.net事例,漂亮的图表控件动态的控件。 本人原创。
C#开发的3D图表控件,适用于winform项目,使用了opentk绘制3D图形,代码原创。 图表颜色,文字颜色,均可以替换。 支持鼠标拖拽旋转。
此工具为第三方开发的图表控件,下载后直接安装加载后即可像其他VB控件一样拖到视窗使用。
C#winform使用的3D图表控件源代码,使用了SharpGL opentk文字显示效果不理想,因此这个是使用了SharpGL绘制的, 文字绘制是采用了文字缓存为图形的方式绘制的,整体效果还不错 这个版本应该是可以直接使用
asp.net 图表控件,速度快,有源码
WebAvail公司出品的图表控件.有了它,你根本不再需要别的图表控件.另外还发布ASP.NET版.需要的朋友搜索的我资源.
MSChart 图表控件 是微软收购的仪表控件 但是在VS2008中还没有封装进去 这里面有MSChart 组件,扩展包,语言包和说明。。
zedGraph c# .net图表控件 不仅包含dll控件还有demo
OFFICE OWC11 图表控件下载 owc11.msi
C# 开源图表控件ZedGraph,ZedGraph.dll,图表控件,显示功能强大,代码简单,比VS自带的chart方便,自带的chart编写代码麻烦,而且在大量数据显示的时候刷新显示很慢,