Question

图表类。一切图表的基类，都需要创建图表类后才能进行后面的展现和事件响应操作

Summary

OpenCharts.Chart	图表类。一切图表的基类，都需要创建图表类后才能进行后面的展现和事件响应操作
Properties
nType	{String} 图表类型，Pie、Bar、Area、Line、Point
width	{Number} 图表画布宽度，即canvas宽度，像素单位
height	{Number} 图表画布高度，即canvas高度，像素单位
title	{String} 图表标题，默认为”OpenCharts 1.0.0”
title	{OpenCharts.TextStyle} 图表标题风格
titlePosition	{OpenCharts.Point} 图表标题位置
frameStyle	{OpenCharts.Style} 图表框风格
bAnimation	{Boolean} 是否动画方式绘制
Constructor
OpenCharts.Charts
Functions
addItems	添加图表数据。
render	绘制图表。
getItemByPosition	获取点击点所在的图表子项，继承类实现 Parameters: pointX - {Number} 鼠标相对canvas所在X位置。 pointY - {Number} 鼠标相对canvas所在Y位置。 selectType - {String} 点击类型，精确or按照x。
addEventListener	添加图表事件 Parameters: action - {String} 事件类型。 message - {String} 事件文字描述信息。
showLabel	是否显示各项标题 Parameters: bShow - {Boolean} 事件类型。
showLegend	是否显示图例 Parameters: bShow - {Boolean} 事件类型。

Properties

nType

{String} 图表类型，Pie、Bar、Area、Line、Point

width

{Number} 图表画布宽度，即canvas宽度，像素单位

height

{Number} 图表画布高度，即canvas高度，像素单位

title

{String} 图表标题，默认为”OpenCharts 1.0.0”

title

{OpenCharts.TextStyle} 图表标题风格

titlePosition

{OpenCharts.Point} 图表标题位置

frameStyle

{OpenCharts.Style} 图表框风格

bAnimation

{Boolean} 是否动画方式绘制

Constructor

OpenCharts.Charts

Parameters

div	{Obj} 外部传入canvas元素
options	{Object} 设置该类开放的属性。

Functions

addItems

addItems:function( items, name )

添加图表数据。

Parameters

items	{Array(<OpenCharts.Item>)} 图表数据数组。
name	{String>} 数据项名字。

var items = [] ;
items.push({strCaption : '海淀区',data : 2,itemStyle:'#00FFFF'});
var charts = new OpenCharts.Chart.PieChart("canvas");
charts.addItems(items,"北京");

render

render:function()

绘制图表。

getItemByPosition

getItemByPosition:function( pointX, pointY, selectType )

获取点击点所在的图表子项，继承类实现 Parameters: pointX - {Number} 鼠标相对canvas所在X位置。 pointY - {Number} 鼠标相对canvas所在Y位置。 selectType - {String} 点击类型，精确or按照x。

Returns

{JsonObject} 返回所在IndexX和IndexY及其描述信息

addEventListener

addEventListener:function( action, message )

添加图表事件 Parameters: action - {String} 事件类型。 message - {String} 事件文字描述信息。

var message = "${itemName}${itemCaption}的气温是${itemData}";
charts.addEventListener("mousedown",message);

showLabel

showLabel:function( bShow )

是否显示各项标题 Parameters: bShow - {Boolean} 事件类型。

showLegend

showLegend:function( bShow )

是否显示图例 Parameters: bShow - {Boolean} 事件类型。