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

Hide Zero values in a line chart

1 Answer 865 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 1
Kevin asked on 09 Jan 2013, 07:07 AM
Hi,
Is there anyway to hide data points with zero (0) value in a line chart? I'm currently using the line chart and can't seem to find an easy way to do this. Basically a line shows up at the 0 value on the graph and I rather not show the line at all.Provide me any solution how to remove the lines showing zero.Here i'm providing the code below


$.ajax({
                    type: "POST",
                    contentType: "application/json;charset=utf-8",
                    url: "dataVizWebService.asmx/GetSellInOfficeTrends",
                    dataType: "json",
                    success: function (data) {

                        $("#chart").kendoChart({
                            dataSource: {
                                data: data.d,
                                value: "#={0}>0"
                            },
                            legend: {
                                position: "bottom"
                            },
                            title: {
                                text: "Population"
                            },
                            series: [
                                        {
                                            type: "line",
                                            field: "Population2010",
                                            name: "Population2010",
                                            axis: "Year",
                                            color: "#4a7ebb"
                                        }, {
                                            type: "line",
                                            field: "Population2011",
                                            name: "Population2011",
                                            axis: "Year",
                                            color: "#be4b48"
                                        }, {
                                            type: "line",
                                            field: "Population2012",
                                            name: "Population2012",
                                            axis: "Year",
                                            color: "#98b954"
                                        }, {
                                            type: "line",
                                            missingValues: "zero",
                                            field: "Population2013",
                                            name: "Population2013",
                                            axis: "Year",
                                            dashType: "dash",
                                            color: "#000000"
                                        }
                                        ],
                            valueAxis: [{
                                name: "Year",
                                title: { text: "Population in Millions" }
                            }],
                            categoryAxis: {
                                field: "Week",
                                majorTickType: "none",
                                labels: {
                                    skip: 0
                                }
                            },
                            tooltip: {
                                visible: true
                            }
                        })
                    }
                });

1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 11 Jan 2013, 08:19 AM
Hi Kevin,

I am afraid hiding the data points with 0 value is not supported in Kendo UI Chart. If you don't want to have a point in the line chart you need to set value "null" for that point. For a working example check this jsBin example.

Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Charts
Asked by
Kevin
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or