600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html图表设置y轴刻度 如何设置AnyChart Flash图表控件坐标轴元素

html图表设置y轴刻度 如何设置AnyChart Flash图表控件坐标轴元素

时间:2023-03-20 20:16:09

相关推荐

html图表设置y轴刻度 如何设置AnyChart Flash图表控件坐标轴元素

坐标轴是图表不可或缺的元素,坐标轴控制着值、参数比例、网格、轴标签、轴刻度、坐标轴线等,anychart为坐标轴提供了多种属性,开发人员可 以根据自己的需求进行灵活的设置,可控制坐标轴的几乎每一个可视元素,在这一节我们主要讨论AnyChart坐标轴的各个元素设置。

1.坐标轴定义以及任何设置都是在节点下的子节点里进行,像下面的代码:

2.设置坐标轴标题:使用AnyChart可以设置任何轴的标题,以及控制标题的位置、字体使用的关键词,所有轴标题相关的设置都是 在 或 节点里,如下事例代码:

Sample X axis name

Y axis from %DataPlotYMax to %DataPlotYMin

以上代码里我们设置了X轴和Y轴标题,并且设置X轴标题为粗体,Y轴标题中使用到了%DataPlotYMax和%DataPlotYMin关键词

3.轴位置:Anychat支持放置Y轴和X轴在任何一边,只需要设置节点里的position属性为"Opposite"或者"Normal":

4.轴标签:如果要显示轴标签需要设置,还可以指定标签显示的外观效果,标签离轴线的距离,标签的显示角度等

a) 正常模式显示标签

b)旋转标签:

c)标签交错显示:

d)轴标签位置,标签可以放置在轴的左侧或者右侧

e)轴标签和轴的间隔

f)轴标签字体和样式等

italic="False" underline="False" render_as_html="False">

g)设置是否显示起始和结束标签以及十字标签

show_cross_label="True" />

h)轴标签的格式化会在以后详细介绍

5. 坐标轴线外观设置以及坐标轴分段

6.轴刻度:坐标轴刻度分为主刻度和次刻度,anychart可完全控制主刻度和次刻度间隔比例、外观和位置等

1)设置主刻度和次刻度是否显示:

2)设置主刻度和次刻度位置

inside="False" opposite="False" />

inside="True" opposite="False" />

3)坐标轴比例分为线性(Linear)和对数(Logarithmic),如下:

4)坐标轴比例模式,各种比例模式适合哪些序列类型请看下表:

比例模式

图表序列类型

Normal

适合所有序列类型

Stacked

适合(Bar, Line, Area等)

PercentStacked

适合(Bar, Line, Area等)

Overlay

适合 柱状图

SortedOverlay

适合 柱状图、气泡图

比例模式设置如下:

5)设置坐标轴最大值和最小值

6)设置坐标轴主刻度和次刻度的间隔步数,如下:

7)设置坐标轴比例倒置显示,也就是从上到下递增显示,如:

8)设置轴位置,如下图

只需要设置:

7.设置图表网格线

(一)设置是否显示主网格线和次网格线

(二)设置网格线样式

8.还有很多细节方面的这里就不在一 一说明,有兴趣的可以下载试用版,查看控件提供的帮助文档。

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至hey@

文章转载自:博客园

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。