How to hide value axis from chart with values

1 posts, 0 answers
  1. Alex
    Alex avatar
    1 posts
    Member since:
    Dec 2013

    Posted 09 Dec 2015 Link to this post

    Hi everyone . How to hide value axis from chart with values from  chart event  AxisLabelClick

     I tried this code , but failed

     function onAxisLabelClick(e) {
                     kendoConsole.log(kendo.format("Axis label click :: {0} axis : {1}",
                         e.text, e.text));
     
                     e.axis.line.visible = false;
     
                 }

     

     

    ///THIS IS MY CHART CODE \

     

    <div id="chart">

                @(Html.Kendo().Chart()
                 .Name("CourtsChart")
                 .Title("Current Rate by Courts")
                 .Legend(leg => leg.Position(ChartLegendPosition.Bottom))
                 .ChartArea(area => area.Background("transparent"))
                    .DataSource(ds => ds.Read(read => read.Action("GetRate", "Courts")))
                        //.SeriesDefaults(series => series.Line().Stack(true).MissingValues(ChartLineMissingValues.Gap).Style(ChartLineStyle.Smooth))
                    .Series
                    (
                    seri =>
                    {
                        seri.Line(a).Name((DateTime.Now.Year - 1).ToString()).Visible(true); nr_serii++;
                        seri.Line(b).Name((DateTime.Now.Year - 2).ToString()).Visible(true); nr_serii++;
                        seri.Line(c).Name((DateTime.Now.Year - 3).ToString()).Visible(true); nr_serii++;
                        seri.Line(d).Name((DateTime.Now.Year - 4).ToString()).Visible(true); nr_serii++;

                        try { if (e[3] > 0) { seri.Line(e).Name((DateTime.Now.Year - 5).ToString()).Visible(true); } }
                        catch { }
                        try { if (f[3] > 0) { seri.Line(f).Name((DateTime.Now.Year - 6).ToString()).Visible(true); } }
                        catch { }
                        try { if (g[3] > 0) { seri.Line(g).Name((DateTime.Now.Year - 7).ToString()).Visible(true); } }
                        catch { }
                        try { if (h[3] > 0) { seri.Line(h).Name((DateTime.Now.Year - 8).ToString()).Visible(true); } }
                        catch { }
                        try { if (a1[3] > 0) { seri.Line(a1).Name((DateTime.Now.Year - 9).ToString()).Visible(true); } }
                        catch { }
                        try { if (b1[3] > 0) { seri.Line(b1).Name((DateTime.Now.Year - 10).ToString()).Visible(true); } }
                        catch { }
                        try { if (c1[3] > 0) { seri.Line(c1).Name((DateTime.Now.Year - 11).ToString()).Visible(true); } }
                        catch { }
                        try { if (d1[3] > 0) { seri.Line(d1).Name((DateTime.Now.Year - 12).ToString()).Visible(true); } }
                        catch { }
                        try { if (e1[3] > 0) { seri.Line(e1).Name((DateTime.Now.Year - 13).ToString()).Visible(true); } }
                        catch { }
                        try { if (f1[3] > 0) { seri.Line(f1).Name((DateTime.Now.Year - 14).ToString()).Visible(true); } }
                        catch { }
                        try { if (g1[3] > 0) { seri.Line(g1).Name((DateTime.Now.Year - 15).ToString()).Visible(true); } }
                        catch { }


                        /**************************************/
                        //seri.Line(Model.Select(s => s.Rata_de_solutionare_a_dosarelor))
                        //   .Notes(notes => notes.Label(label => label.Position(ChartNoteLabelPosition.Outside)).Position(ChartNotePosition.Bottom)).Name("2015");

                        //  seri.Line(Model.Select(s => s.Rata_de_solutionare_a_dosarelor)).Name("2015");
                        //  seri.Line(Model.Select(s => s.Rata_de_solutionare_a_dosarelor)).Name("2014");
                        //  seri.Line(Model.Select(s => s.Rata_de_solutionare_a_dosarelor)).Name("2013");

                    }).Transitions(false)
                            .CategoryAxis(axis =>
                {

                    int nr_rind1 = 0;
                    foreach (var item in Model.rowss) { nr_rind1 = item; };

                    string[] inst = new string[nr_rind1];

                    int jjj = 0;
                    foreach (var item in Model.instante) { try { inst[jjj] = item; jjj++; } catch { jjj++; } }
                    axis.Categories(inst).Labels(label => label.Rotation(-90))
                             .MajorGridLines(lines => lines.Visible(false));
                })
                    .ValueAxis(axis => axis
                        .Numeric("numeric")
                        .Max(110)
                        .Line(line => line.Visible(true))
                        .MajorGridLines(lines => lines.Visible(true))
                        )
                     .Tooltip(tooltip => tooltip
                     .Visible(true)
                      .Template("Anul : #= series.name #: #= value # %")
                                     ).Events(ev =>
                                                 //ev.SeriesClick(onSeriesClickHandlerName: "seriesClick")
                                          ev.AxisLabelClick(onAxisLabelClickHandlerName: "onAxisLabelClick")
                                      )
                )
            </div>

            <script type="text/javascript">
                 
                 function seriesClick(e){
                    $.each(e.sender.dataSource.view(), function() {
                        
                    });
                      
                }
                 function onAxisLabelClick(e) {
                     kendoConsole.log(kendo.format("Axis label click :: {0} axis : {1}",
                         e.text, e.text));

                     alert(objToString(e.axis.line));

                     e.axis.line.visible = false;

                     //alert(objToString(e.axis.line));

                     //chart.data("kendoChart").options.valueAxis.majorUnit = undefined;

                     var chart = $("#CourtsChart");
                     //chart.data("kendoChart").refresh();
                 }

                 function objToString(obj) {
                     var str = '';
                     for (var p in obj) {
                         if (obj.hasOwnProperty(p)) {
                             str += p + '::' + obj[p] + '\n';
                         }
                     }
                     return str;
                 }
                    
            </script>


        </div

     

Back to Top