2013-07-25 3 views
0

Salut Je veux enlever le ballon de couleur rouge à partir de graphique amchart qui arrive lorsque la souris planant. Quelqu'un peut-il me aider à résoudre ceComment faire pour supprimer le ballon rouge de graphique amchart

mon code est

  var clicks =document.getElementById('clicks').value; 

     var cam_name =document.getElementById('cam_name').value; 

     var views =document.getElementById('views').value; 
     var camp_clicks  =clicks.split('~'); 
     var camp_names =cam_name.split('~'); 

     var camp_imprs  =views.split('~'); 
      //var camp_clicks  = [1,2,3,1.5,6,3,7]; 



     var chart; 
     var chartData_camp = []; 

    /* var camp_names=['hi','hello','hw','r','u']; 
     var camp_costs=[1,2,3,4,5]; 
     var camp_imprs=[1,2,3,4,5]; 
     var camp_clicks=[1,2,3,4,5];*/ 




    for (var i = 0; i < camp_names.length; i++) { 

       chartData_camp.push({ 
        camp_name: camp_names[i], 

        camp_click: camp_clicks[i] 
       }); 
      } 
     AmCharts.ready(function() { 
      // generate some random data first 


      // SERIAL CHART  
      chart = new AmCharts.AmSerialChart(); 
      chart.pathToImages = 'http://www.xxx.com/en/Images/'; 
      chart.zoomOutButton = { 
       backgroundColor: '#fff', 
       backgroundAlpha: 0.15 
      }; 
      chart.dataProvider = chartData_camp; 
      chart.categoryField = 'camp_name'; 
      //graph.balloonText = "[[balloon2]]"; 
      chart.balloon.showBullet = false; 
      // listen for 'dataUpdated' event (fired when chart is inited) and call zoomChart method when it happens 
      chart.addListener('dataUpdated', zoomChart); 


     // var cursorSettings = new AmCharts.ChartCursorSettings(); 
     //cursorSettings.valueBalloonsEnabled = false; 


      // third value axis (on the left, detached) 
      camp_clickAxis = new AmCharts.ValueAxis(); 
      // camp_clickAxis.offset = 50; // this line makes the axis to appear detached from plot area 
      camp_clickAxis.gridAlpha = 0; 
      camp_clickAxis.axisColor = '#3183D5'; 
      camp_clickAxis.axisThickness = 2; 
      camp_clickAxis.balloonText = ""; 
      // camp_clickAxis.lineAlpha = 2; 
      camp_clickAxis.lineColor = "#E5F3F9"; 
      // camp_clickAxis.fillAlphas = 0.3; // setting fillAlphas to > 0 value makes it area graph 

      chart.addValueAxis(camp_clickAxis); 
      // GRAPHS 


      // third graph 
      var camp_clickGraph = new AmCharts.AmGraph(); 
      camp_clickGraph.valueAxis = camp_clickAxis; // we have to indicate which value axis should be used 
      camp_clickGraph.type = "smoothedLine"; // this line makes the graph smoothed line. 
      camp_clickGraph.valueField = 'camp_click'; 
      camp_clickGraph.title = ' '; 
      camp_clickGraph.bullet = 'round'; 
      camp_clickGraph.bulletSize = 10; 
      camp_clickGraph.lineColor = '#058DC7'; 
      camp_clickGraph.lineThickness = 3; 
      camp_clickGraph.hideBulletsCount = 30; 
      camp_clickGraph.fillAlphas = 0.1; 

      chart.addGraph(camp_clickGraph); 

      // CURSOR 
      var chartCursor = new AmCharts.ChartCursor(); 
      chartCursor.cursorPosition = 'mouse'; 
      chart.addChartCursor(chartCursor); 

      // SCROLLBAR 
      /*var chartScrollbar = new AmCharts.ChartScrollbar(); 
      chart.addChartScrollbar(chartScrollbar);*/ 

      // LEGEND 
      var legend = new AmCharts.AmLegend(); 
      legend.marginLeft = 110; 
      chart.addLegend(legend); 

      // WRITE 
      chart.write('camp_graph'); 

     }); 

     function zoomChart() { 
      // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues 
      chart = new AmCharts.AmSerialChart(); 
      chart.zoomToIndexes(0,30); 
     } 

Hi i

Répondre

1

J'ai trouvé la réponse. Ajouter cette ligne javascript graphique pour désactiver ballon

var chartCursor = new AmCharts.ChartCursor();   
chart.addChartCursor(chartCursor); 
chartCursor.enabled=false; 

documentation here

4
chartCursor.categoryBalloonEnabled = false; 
+0

Bien que cela puisse fournir une réponse, pouvez-vous s'il vous plaît fournir des commentaires de soem à ce qu'il fait. – Deanna

+0

Ce réglage supprime le ballon rouge sous l'axe (j'ai utilisé la version 3.4.7). – TyM6JIep

Questions connexes