jsCharts 用法.docVIP

Jscharts 的属性和方法 1. 实例化 JSCharts var mycharts=new JSCharts(“ chartId”,”bar ” ); 注：chartId-div标签的id、bar-图的类型 如（饼图、线图 等。。。）。 2.JSCharts 设置数据。 var myData = new Array([10, 20], [15, 10], [20, 30], [25, 10], [30, 5]); mycharts.setDataArray(myData); 注：myData 为json 数据。 mycharts.setDataXML(”data.xml”) 注：data.xml 为xml文件。 如： ?xml version=1.0? JSChart dataset type=line data unit=10 value=20/ data unit=15 value=10/ data unit=20 value=30/ data unit=25 value=10/ data unit=30 value=5/ /dataset dataset type=line data unit=10 value=10/ data unit=15 value=5/ data unit=25 value=25/ data unit=30 value=20/ /dataset /JSChart 3. 设置背景颜色 myChart.setBackgroundColor（“#FF0000”）； 4. 自定义Y轴名称 myChart.setAxisNameX(“办件量”)； 5. 自定义X轴名称 myChart.setAxisNameY（“月份”）;6. 自定义图表大小 myChart.setSize（500,300）；注：宽度500,、高度：300 7.自定义图表标题 myChart.setTitle（“我的图表标题”）; 8.自定义标题样色 myChart.setTitleColor(“#FF0000”); 9.自定义标题字体大小 myChart.setTitleFontSize( 12 ); 10.折线图属性 myChart.setDataArray（myData2，“second line”）; 注：第二条线的数据 myChart.setLineColor(#ff0f0f, first line); 注：第一条线的颜色 myChart.setLineWidth（5，“second line”）注：第二条线的宽度。 myChart.setTooltip（[15，“我的工具提示”，“second line”]）;?????11. 使用optionset optionset是一个特殊的节点，它可以插入XML文件中所使用的数据导入到图表。 JSChart dataset ………. /dataset optionsetoption set=setBackgroundColor value=#efe/option set=setAxisNameX value=Custom X轴Name/option set=setAxisNameY value=Y Axis/option set=setSize value=500,400/option set=setTitle value=My图Title/option set=setTitleColor value=#5555AA/option set=setTitleFontSize value=10/ / optionset /JSChart 图11 - 在一个XML文件中的示例使用optionsetoption标签有两个强制性的属性。第一个属性是设置，实际上是通常JavaScript函数的名称。第二个属性是价值和代表的确切参数将使用功能，包括任何逗号或引号（总是使用单引号内值，因为双引号会改变XML语法）。当使用多个数据集线图表和不同的定制需要不同的线，数据集必须接受必须在第二个参数使用id属性在下面的例子中所述的选项：？XML版本=“1.0”？JSChartdataset type=line id=first linedata unit=10 value=20/data unit=15 value=10/data unit=20 value=30/data unit=25 value=10/data unit=30 value=5//dataset dataset type=line id=second linedata unit