Question

Hi I want to remove the red color balloon from amchart graph which is coming while mouse hovering. Can anyone help me to solve this

my code is

         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

Was it helpful?

Solution 2

I found the answer. Add this line for javascript chart to disable balloon

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

documentation here

OTHER TIPS

chartCursor.categoryBalloonEnabled = false;
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top