OpenFlashChart C#flash图形控件的使用
2009-03-12 09:21
323 查看
OpenFlashChart简介
OpenFlashChart是一款开源的以Flash和Javascript为技术基础的免费图表组件,用它能创建一些很有效果的报表分析图表。
最重要的是它是开源和免费的,该组件使用flash展示报表能够很好的做到与浏览器进行集成,目前浏览器基本都能很好的支持flash。
OpenFlashChart的基本使用
Code
{
"title":{"text":"Pie","style":"{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"},
"elements":[{"border":2,"alpha":0.6,"animate":false,"start-angle":0,"values":[2,3],"font-size":0,"fillalpha":0.35,"type":"pie"}],
"x_legend":{"text":"x-axis legend","style":"{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"}}
JSON简介
open-flash-chart参数对照表
效果图:
![](http://images.cnblogs.com/cnblogs_com/yaunion/180172/r_pie.bmp)
代码下载:http://files.cnblogs.com/yaunion/testexample.rar
其他图表控件
微软图表控件MsChart使用初探
/article/5365359.html
ASP.NET图表控件(vs2008)
/article/5355835.html
http://www.cnblogs.com/endink/archive/2006/01/11/315612.html
OpenFlashChart是一款开源的以Flash和Javascript为技术基础的免费图表组件,用它能创建一些很有效果的报表分析图表。
最重要的是它是开源和免费的,该组件使用flash展示报表能够很好的做到与浏览器进行集成,目前浏览器基本都能很好的支持flash。
OpenFlashChart的基本使用
Code
{
"title":{"text":"Pie","style":"{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"},
"elements":[{"border":2,"alpha":0.6,"animate":false,"start-angle":0,"values":[2,3],"font-size":0,"fillalpha":0.35,"type":"pie"}],
"x_legend":{"text":"x-axis legend","style":"{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"}}
JSON简介
open-flash-chart参数对照表
元素/属性 | 形状或作用 | 参数1 | 参数2 | 参数3 | 参数4 | 参数5 | 参数6 |
title | 显示图表主题(最上方) | 主题名称 | 样式style | ||||
x_legend | X坐标说明(最下方, 与X轴平行) | 说明信息 | 字体大小 | 字体颜色 | |||
y_legend | Y坐标说明(最左边, 与Y轴平行) | 说明信息 | 字体大小 | 字体颜色 | |||
x_labels | 设置X轴坐标显示 | ||||||
y_label_size | |||||||
x_label_style | 设置X轴样式 | 字体大小 | 字体颜色 | 角度(0:0度, 1:90度,2:45度) | 设置X轴线条间隔 | X轴间隔线条颜色 | |
y_label_style | 设置Y轴样式 | 字体大小 | 字体颜色 | ||||
x_ticks | 控制X轴坐标标记显示 | X轴坐标标记长度 | |||||
y_ticks | 控制Y轴坐标标记显示 | Y轴坐标标记最小长度 | Y轴坐标标记最大长度 | 将Y轴分割成几个段 | |||
X_min | 设置X轴坐标最小值 | X轴坐标最小值 | |||||
x_max | 设置X轴坐标最大值 | X轴坐标最大值 | |||||
y_min | 设置Y轴坐标最小值 | Y轴坐标最小值 | |||||
y_max | 设置Y轴坐标最大值 | Y轴坐标最大值 | |||||
bg_colour | 设置背景颜色 | ||||||
inner_background | 设置坐标区域内部颜色 | 颜色1 | 颜色2(从颜色1渐变到颜色2) | 渐变角度 | |||
bg_image | 设置背景图片 | 图片位置 | |||||
bg_image_x | 设置图片横向位置 | [left |center |right] | |||||
bg_bg_image_y | 设置图片纵向位置 | [top |middle |bottom] | |||||
x_axis_colour | 设置X轴颜色 | ||||||
y_axis_colour | 设置Y轴颜色 | ||||||
x_axis_steps | 设置X轴线条间隔 | ||||||
x_axis_3d | 设置X轴3d效果的高度 | ||||||
x_grid_colour | 设置X轴线条颜色 | ||||||
y_grid_colour | 设置Y轴线条颜色 | ||||||
show_y2 | 设置Y轴右边也显示坐标 | [true |false] | |||||
y2_lines | 设置哪个图是根据右边Y坐标的值来显示 | [可以有多个] | |||||
y_format | 格式化Y轴显示(常与#val#等联合使用) | ||||||
values | 设置值 | ||||||
num_decimals | 格式化小数位数 | ||||||
is_fixed_num_decimals_forced | 是否强制格式化小数 | [true |false] | |||||
is_decimal_separator_comma | 是否使用小数分隔符 | [true: , |false: . ](与千位分隔符相反) | |||||
is_thousand_separator_disabled | 是否使用千位分隔符 | [true |false] | |||||
x_offset | 是否自动补偿以适应图的显示 | [true |false] | |||||
bar | 柱状图 | 透明度 | 颜色 | 名称#key# | 名称字体大小 | ||
bar_glass | 水晶柱状图 | 透明度 | 内部颜色 | 外框颜色 | 名称#key# | 名称字体大小 | |
bar_fade | 渐变柱状图 | 透明度 | 颜色 | 名称#key# | 名称字体大小 | ||
bar_arrow | 带有箭头的柱状图 | 透明度 | 颜色 | 名称#key# | 名称字体大小 | ||
bar_3d | 3D立体柱状图 |
![](http://images.cnblogs.com/cnblogs_com/yaunion/180172/r_pie.bmp)
代码下载:http://files.cnblogs.com/yaunion/testexample.rar
其他图表控件
微软图表控件MsChart使用初探
/article/5365359.html
ASP.NET图表控件(vs2008)
/article/5355835.html
ZedGraph类库介绍ZedGraph类库介绍
http://blog.csdn.net/tjvictor/category/257827.aspxhttp://www.cnblogs.com/endink/archive/2006/01/11/315612.html
相关文章推荐
- 【有福如林】OpenFlashChart C#flash图形控件的使用
- 对C#Chart控件使用整理
- 关于微软C#中的CHART图表控件的简单使用
- 使用C#三维图形控件进行曲线曲面分析
- 对C#Chart控件使用整理
- open-flash-chart中文使用参数对照表
- 使用OpenFlashChart 2.0结合asp.net的问题(解疑)
- C# 自带的界面控件 chart,初步使用体验
- c# ms chart 控件使用方法
- open flash chart使用备忘录
- 使用基于MFC的图形显示控件CTLChart编写的小软件
- openflashchart使用时的须注意的几个小地方
- OpenFlashChart使用
- 使用open flash chart制作报表
- Open Flash Chart使用例子
- 流程图控件FlowChart.NET使用教程:加载图形数据和创建图形对象
- openflashchart使用
- 使用open flash chart的BarGlass时遇到的问题
- openflashchart使用
- 如何使用Open Flash Chart制作精美的网络图表