Как сделать события onclick на 3-х амартах версии 3 в гистограмме - PullRequest
Новая
       9

Как сделать события onclick на 3-х амартах версии 3 в гистограмме

1 голос
/ 13 января 2020

Я использую amcharts версии 3 для графика. Я хочу добавить событие клика на этом графике. Я нахожу много на Stack и других сайтах, но я не мог найти никакого решения. Пожалуйста, помогите мне решить мою проблему.

Вот код графика Сценарий: 

<script>

    var chart10;
        var chartData10 = [           
            {
                "allocated": "<?php echo date('F-Y', strtotime('-1 month'));?>",
                "visits": "<?php echo $MONTH4?>",
                "color": "#00A65A"
            },
            {
                "allocated": "<?PHP echo date('F-Y')?>",
                "visits": "<?php echo $MONTH1?>",
                "color": "#FAF603"
            },
            {
                "allocated": "<?php echo date('F-Y' ,strtotime('+1 month', strtotime(date('F-Y'))));?>",
                "visits": <?php echo $MONTH2?>,
                "color": "#0D52D1"
            },
             {
                "allocated": "<?php echo date('F-Y', strtotime('+2 month'));?>",
                "visits": "<?php echo $MONTH3?>",
                "color": "#FF0F00"
            }   
        ];


        AmCharts.ready(function () {
            // SERIAL CHART
            chart10 = new AmCharts.AmSerialChart();
            chart10.dataProvider = chartData10;
            chart10.categoryField = "allocated";
            chart10.startDuration = 1;
            chart10.depth3D = 20;
            chart10.angle = 20;
            chart10.marginRight = -30;
            // AXES
            // category
            var categoryAxis = chart10.categoryAxis;
            categoryAxis.labelRotation = 45; // this line makes category values to be rotated
            categoryAxis.gridAlpha = 0;
            categoryAxis.axisAlpha = 0;
            categoryAxis.color =  'black';
            categoryAxis.gridPosition = "start";
            // value
            var valueAxis = new AmCharts.ValueAxis();
            valueAxis.axisAlpha = 0;
            valueAxis.gridAlpha = 0;
            valueAxis.minimum = 0;
            valueAxis.gridColor = "#FFFFFF";
            valueAxis.color =  'black';
            chart10.addValueAxis(valueAxis);
            // GRAPH
            var graph12 = new AmCharts.AmGraph();
            graph12.valueField = "visits";
            graph12.colorField = "color";
            graph12.balloonText = "<b>[[allocated]]: [[value]]</b>";
            graph12.type = "column";
            graph12.lineAlpha = 0.2;
            graph12.lineColor = "#FFFFFF";
    graph12.gridColor = "#FFFFFF";
            graph12.topRadius = 1;
            graph12.fillAlphas = 1;
    graph12.color =  '#FFFFFF';
    graph12.labelText =  '[[value]]'; 
    graph12.labelRotation = 0;
    graph12.labelPosition = 'bottom';
            chart10.addGraph(graph12);

            // CURSOR
            var chartCursor = new AmCharts.ChartCursor();
            chartCursor.cursorAlpha = 0;
            chartCursor.zoomable = false;
            //chartCursor.categoryBalloonEnabled = true;
           // chartCursor.valueLineEnabled = true;
            chartCursor.valueLineBalloonEnabled = false;
            chartCursor.valueLineAlpha = 0;
            chart10.addChartCursor(chartCursor);
            chart10.creditsPosition = "top";

            // WRITE
            chart10.write("monthprod");
        });



    </script>

Где я хочу добавить события Click и как добавить их в amcharts версии 3. Помощь Plz мне разрешить это. Заранее спасибо.

...