学步园

关于给图表添加图例——当然，是在没有图例的情况下

例如这样一段代码（在Yii框架内，只能写成这样，懒得改成普通JS的样子了）：

/*初始化*/<br /> $cs->registerScript('f1','var chart;');<br /> $cs->registerScript('f2','var newValueAxis;');<br /> $cs->registerScript('f3','var addAxis;');<br /> $cs->registerScript('f4','var removeAxis;');<br /> $cs->registerScript('f5','chart = new AmCharts.AmSerialChart();');<br /> $cs->registerScript('f6','chart.pathToImages = "images/amcharts/";');<br /> $cs->registerScript('f7','chart.addListener("dataUpdated");');<br /> $cs->registerScript('f9','chart.marginLeft = 130;');<br /> $cs->registerScript('f10','chart.marginRight = 50;');<br /> $cs->registerScript('f11','chart.dataProvider = '.$j.';');//源数据<br /> $cs->registerScript('f12','chart.categoryField = "d";');<br /> $cs->registerScript('f13','chart.categoryAxis.parseDates = true;');<br /> /*画第一条线——扫描*/<br /> $cs->registerScript('f14','var valAxis1 = new AmCharts.ValueAxis();');<br /> $cs->registerScript('f15','valAxis1.axisColor = "#FF6600";');<br /> $cs->registerScript('f16','valAxis1.axisThickness = 2;');<br /> $cs->registerScript('f17','chart.addValueAxis(valAxis1);');<br /> $cs->registerScript('f18','var graph1 = new AmCharts.AmGraph();');<br /> $cs->registerScript('f19','graph1.valueAxis = valAxis1;');<br /> $cs->registerScript('f20','graph1.valueField = "s";');<br /> $cs->registerScript('f100','graph1.title = "'.$gt[0].'";');//图例名<br /> $cs->registerScript('f21','graph1.type = "smoothedLine";');<br /> $cs->registerScript('f22','graph1.bullet = "round";');//<br /> $cs->registerScript('f23','graph1.hideBulletsCount = 30;');<br /> $cs->registerScript('f24','chart.addGraph(graph1);');<br /> /*画第二条线——插入*/<br /> $cs->registerScript('f25','var valAxis2 = new AmCharts.ValueAxis();');<br /> $cs->registerScript('f26','valAxis2.position = "right";');<br /> $cs->registerScript('f27','valAxis2.axisColor = "#FCD202";');<br /> $cs->registerScript('f28','valAxis2.gridAlpha = 0;');<br /> $cs->registerScript('f29','valAxis2.axisThickness = 2;');<br /> $cs->registerScript('f30','chart.addValueAxis(valAxis2);');<br /> $cs->registerScript('f31','var graph2 = new AmCharts.AmGraph();');<br /> $cs->registerScript('f32','graph2.valueAxis = valAxis2;');<br /> $cs->registerScript('f33','graph2.valueField = "i";');<br /> $cs->registerScript('f101','graph2.title = "'.$gt[1].'";');//图例名<br /> $cs->registerScript('f34','graph2.type = "smoothedLine";');<br /> $cs->registerScript('f35','graph2.bullet = "square";');//<br /> $cs->registerScript('f36','graph2.hideBulletsCount = 30;');<br /> $cs->registerScript('f37','chart.addGraph(graph2);');<br /> /*画第三条线——更新*/<br /> $cs->registerScript('f38','valAxis3 = new AmCharts.ValueAxis();');<br /> $cs->registerScript('f39','valAxis3.offset = 50;');<br /> $cs->registerScript('f40','valAxis3.gridAlpha = 0;');<br /> $cs->registerScript('f41','valAxis3.axisColor = "#B0DE09";');<br /> $cs->registerScript('f42','valAxis3.axisThickness = 2;');<br /> $cs->registerScript('f43','chart.addValueAxis(valAxis3);');<br /> $cs->registerScript('f44','var graph3 = new AmCharts.AmGraph();');<br /> $cs->registerScript('f45','graph3.valueField = "u";');<br /> $cs->registerScript('f46','graph3.bullet = "triangleUp";');//<br /> $cs->registerScript('f47','graph3.hideBulletsCount = 30;');<br /> $cs->registerScript('f102','graph3.title = "'.$gt[2].'";');//图例名<br /> $cs->registerScript('f48','graph3.type = "smoothedLine";');<br /> $cs->registerScript('f49','graph3.valueAxis = valAxis3;');<br /> $cs->registerScript('f50','chart.addGraph(graph3);');<br /> /*画第四线——处理*/<br /> $cs->registerScript('f58','valAxis4 = new AmCharts.ValueAxis();');<br /> $cs->registerScript('f59','valAxis4.offset = 100;');<br /> $cs->registerScript('f60','valAxis4.gridAlpha = 0;');<br /> $cs->registerScript('f61','valAxis4.axisColor = "#2742FC";');<br /> $cs->registerScript('f62','valAxis4.axisThickness = 2;');<br /> $cs->registerScript('f63','chart.addValueAxis(valAxis4);');<br /> $cs->registerScript('f64','var graph4 = new AmCharts.AmGraph();');<br /> $cs->registerScript('f65','graph4.valueField = "de";');<br /> $cs->registerScript('f66','graph4.bullet = "triangleDown";');//<br /> $cs->registerScript('f67','graph4.hideBulletsCount = 30;');<br /> $cs->registerScript('f103','graph4.title = "'.$gt[3].'";');//图例名<br /> $cs->registerScript('f68','graph4.type = "smoothedLine";');<br /> $cs->registerScript('f69','graph4.valueAxis = valAxis4;');<br /> $cs->registerScript('f70','chart.addGraph(graph4);');<br /> /*图解*/<br /> $cs->registerScript('f71','var legend;');<br /> $cs->registerScript('f72','legend = new AmCharts.AmLegend();');<br /> $cs->registerScript('f73','legend.align = "center";');<br /> $cs->registerScript('f74','legend.labelText="[[title]]";');<br /> $cs->registerScript('f75','legend.valueText="[[value]]";');<br /> $cs->registerScript('f77','legend.position="bottom";');<br /> $cs->registerScript('f79','legend.valueAlign="left";');<br /> $cs->registerScript('f76','chart.addLegend(legend);');<br /> /**/<br /> $cs->registerScript('f51','var chartCursor = new AmCharts.ChartCursor();');<br /> $cs->registerScript('f52','chart.addChartCursor(chartCursor);');<br /> $cs->registerScript('f53','var chartScrollbar = new AmCharts.ChartScrollbar();');<br /> $cs->registerScript('f54','chartScrollbar.graph = graph1;');<br /> $cs->registerScript('f55','chart.addChartScrollbar(chartScrollbar);');<br /> $cs->registerScript('f56','chart.write("oplog_result_chart");');<br /> $cs->registerScript('f57','function zoom(){chart.zoomToIndexes(0,10);}'); 

其他乱七八糟的就不多说了。

下面是设置图表时：

$cs->registerScript('f100','graph1.title = "'.$gt[0].'";');//设置这个graph的title，用于在legend中显示<br /> $cs->registerScript('f21','graph1.type = "line";');//设置这个graph的线条样式<br /> $cs->registerScript('f22','graph1.bullet = "round";');//拐点的样式 

下面是图例：

$cs->registerScript('f71','var legend;');<br /> $cs->registerScript('f72','legend = new AmCharts.AmLegend();');<br /> $cs->registerScript('f73','legend.align = "center";');//图例的水平位置<br /> $cs->registerScript('f74','legend.labelText="[[title]]";');//图例的文字，值为[[title]]与上面设置的graph的title相对应<br /> $cs->registerScript('f75','legend.valueText="[[value]]";');//图例的值，显示鼠标所指的位置的值，显示在相应图例的后面<br /> $cs->registerScript('f77','legend.position="bottom";');//图例的整体位置<br /> $cs->registerScript('f79','legend.valueAlign="left";');<br /> $cs->registerScript('f76','chart.addLegend(legend);');