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