IKCEST

Visualization Tool Kit

Science and Technology Trend

Data

initChart:function(){
				    var self = this;
				    //console.log(self.dataProvider);
				    self.chart = {
				            // 指定图片路径
				    		pathToImages: 'static' + '/cekasp/amcharts/images/',
				            path: 'static' + '/cekasp/amcharts/images/',
				            "type": "serial",
				            "theme": "light",
				            "marginLeft": 50,
				            "marginTop": 10,
				            "autoMarginOffset": 20,
				            "dataDateFormat": "YYYY-MM-DD",
				            "valueAxes": [
				                {
				                    "id": "v1",
				                    "axisAlpha": 0,
				                    "position": "left",
				                    "ignoreAxisWidth": true
				                }
				            ],
				            "balloon": {
				                "borderThickness": 1,
				                "shadowAlpha": 0
				            },
				            "graphs": [
				                {
				                    "id": "g1",
				                    "balloon": {
				                        "drop": true,
				                        "adjustBorderColor": false,
				                        "color": "#ffffff",
				                        "type": "smoothedLine"
				                    },
				                    "fillAlphas": 0.2,
				                    "bullet": "round",
				                    "bulletBorderAlpha": 1,
				                    "bulletColor": "#FFFFFF",
				                    "bulletSize": 2,
				                    "hideBulletsCount": 50,
				                    "lineThickness": 2,
				                    "title": "red line",
				                    "useLineColorForBulletBorder": true,
				                    "valueField": "value",
				                    "balloonText": "<span style='font-size:13px;'>[[value]]</span>",
				                    "fillColorsField": "lineColor",
				                    "negativeBase": 3,
				                    "lineColor": "#d1655d",
				                    "negativeLineColor": "#637bb6"
				                }
				            ],
				            "chartCursor": {
				                "valueLineEnabled": true,
				                "valueLineBalloonEnabled": true,
				                "cursorAlpha": 0,
				                "zoomable": false,
				                "valueZoomable": true,
				                "valueLineAlpha": 0.5
				            },
				            "valueScrollbar": {
				                "autoGridCount": true,
				                "color": "#000000",
				                "scrollbarHeight": 50
				            },
				            "categoryField": "date",
				            "categoryAxis": {
				                "parseDates": true,
				                "dashLength": 1,
				                "minorGridEnabled": true
				            },
				            "export": {
				                "enabled": true
				            },
				            "dataProvider": self.dataProvider
				        }
				    AmCharts.makeChart("output", self.chart);
				  }

Copy