This is a migrated thread and some comments may be shown as answers.

How to hide value axis from chart with values

0 Answers 114 Views
Chart
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Alex
Top achievements
Rank 1
Alex asked on 09 Dec 2015, 07:50 PM

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

 

Tags
Chart
Asked by
Alex
Top achievements
Rank 1
Share this question
or