Tiny Value, Large Value problem (Pan/Zoom doesn't work)

[Alex]

We are charting small and tiny values (.0003 as well as 56.85). However, the .0003 value will not appear on the chart, even with zooming in. This would be ok if there were a label to show what the value is but since it doesn't even appear on the chart, there is nothing to tool tip or label.

 

Please advise.

[Daniel]

Hello Alex,

Zooming does not show smaller values. It shows values in a smaller range.

As for the 0.0003 value not being shown - could you check this example and let me know if I am missing something?

Regards,
Daniel
Telerik

 

 

[Alex]

We are using Razor. I still can't get it to work. What am I doing wrong? Again, the .0003 value doesn't even appear on the chart.

@(Html.Kendo().Chart<​FOO.Controllers.API.FooController.​FooSummaryResults>()

            .Name("gridSummary")

 .AutoBind(false)

 .Legend(false)

 .Title("Transfer Size (GB)")

 .SeriesColors("#4195D3")

 .Pannable(p => p.Lock(ChartAxisLock.Y))

 .Zoomable(z => z.Mousewheel(mousewheel => mousewheel.Lock(ChartAxisLock.Y))

    .Selection(selection => selection.Lock(ChartAxisLock.Y)))

 .Tooltip(tooltip => tooltip

    .Visible(true)

    .Template("#= series.name #: #= value #")

)

 .CategoryAxis(axis => axis

     .Categories(model => CField)

     .Min(0)

     .Max(100)

    .Labels(labels => labels.Rotation(-90))

 )

 .ValueAxis(axis => axis

    .Numeric()

        .Notes(notes => notes.Label(label => label.Position(ChartNoteLabelPosition.Outside)).Position(ChartNotePosition.Bottom))

)

            .Series(columns =>

            {

                columns.Column(c => c.NumberValue).Notes(n => n.Label(l => l.Visible(true)));

            })

    .HtmlAttributes(new { style = "height: 500px;" })

    .DataSource(dataSource => dataSource

        .WebApi()

.Read(read => read.Url("/api/batch/foosummary").Data("FoohData").Type(HttpVerbs.Get)

    )

))

[Alex]

We are using Razor. I still can't get it to work. What am I doing wrong? Again, the .0003 value doesn't even appear on the chart.

@(Html.Kendo().Chart<​FOO.Controllers.API.FooController.​FooSummaryResults>()

            .Name("gridSummary")

 .AutoBind(false)

 .Legend(false)

 .Title("Transfer Size (GB)")

 .SeriesColors("#4195D3")

 .Pannable(p => p.Lock(ChartAxisLock.Y))

 .Zoomable(z => z.Mousewheel(mousewheel => mousewheel.Lock(ChartAxisLock.Y))

    .Selection(selection => selection.Lock(ChartAxisLock.Y)))

 .Tooltip(tooltip => tooltip

    .Visible(true)

    .Template("#= series.name #: #= value #")

)

 .CategoryAxis(axis => axis

     .Categories(model => CField)

     .Min(0)

     .Max(100)

    .Labels(labels => labels.Rotation(-90))

 )

 .ValueAxis(axis => axis

    .Numeric()

        .Notes(notes => notes.Label(label => label.Position(ChartNoteLabelPosition.Outside)).Position(ChartNotePosition.Bottom))

)

            .Series(columns =>

            {

                columns.Column(c => c.NumberValue).Notes(n => n.Label(l => l.Visible(true)));

            })

    .HtmlAttributes(new { style = "height: 500px;" })

    .DataSource(dataSource => dataSource

        .WebApi()

.Read(read => read.Url("/api/batch/foosummary").Data("FoohData").Type(HttpVerbs.Get)

    )

))

[Daniel]

Hello again,

The point will be rendered but it will be too small to see. You could show a label via the series labels configuration:

columns.Column(c => c.NumberValue).Labels(labels => labels.Visible(true));

Another option would be to use logarithmic axis .

Regards,
Daniel
Telerik

 

 

[Alex]

We are using Razor. I still can't get it to work. What am I doing wrong? Again, the .0003 value doesn't even appear on the chart.

@(Html.Kendo().Chart<​FOO.Controllers.API.FooController.​FooSummaryResults>()

            .Name("gridSummary")

 .AutoBind(false)

 .Legend(false)

 .Title("Transfer Size (GB)")

 .SeriesColors("#4195D3")

 .Pannable(p => p.Lock(ChartAxisLock.Y))

 .Zoomable(z => z.Mousewheel(mousewheel => mousewheel.Lock(ChartAxisLock.Y))

    .Selection(selection => selection.Lock(ChartAxisLock.Y)))

 .Tooltip(tooltip => tooltip

    .Visible(true)

    .Template("#= series.name #: #= value #")

)

 .CategoryAxis(axis => axis

     .Categories(model => CField)

     .Min(0)

     .Max(100)

    .Labels(labels => labels.Rotation(-90))

 )

 .ValueAxis(axis => axis

    .Numeric()

        .Notes(notes => notes.Label(label => label.Position(ChartNoteLabelPosition.Outside)).Position(ChartNotePosition.Bottom))

)

            .Series(columns =>

            {

                columns.Column(c => c.NumberValue).Notes(n => n.Label(l => l.Visible(true)));

            })

    .HtmlAttributes(new { style = "height: 500px;" })

    .DataSource(dataSource => dataSource

        .WebApi()

.Read(read => read.Url("/api/batch/foosummary").Data("FoohData").Type(HttpVerbs.Get)

    )

))

[Daniel]

Hello,

The code that you provided looks exactly the same. Did you try the suggestions from my previous reply?

Regards,
Daniel
Telerik

 

 

[Alex]

We are using Razor. I still can't get it to work. What am I doing wrong? Again, the .0003 value doesn't even appear on the chart.

@(Html.Kendo().Chart<​FOO.Controllers.API.FooController.​FooSummaryResults>()

            .Name("gridSummary")

 .AutoBind(false)

 .Legend(false)

 .Title("Transfer Size (GB)")

 .SeriesColors("#4195D3")

 .Pannable(p => p.Lock(ChartAxisLock.Y))

 .Zoomable(z => z.Mousewheel(mousewheel => mousewheel.Lock(ChartAxisLock.Y))

    .Selection(selection => selection.Lock(ChartAxisLock.Y)))

 .Tooltip(tooltip => tooltip

    .Visible(true)

    .Template("#= series.name #: #= value #")

)

 .CategoryAxis(axis => axis

     .Categories(model => CField)

     .Min(0)

     .Max(100)

    .Labels(labels => labels.Rotation(-90))

 )

 .ValueAxis(axis => axis

    .Numeric()

        .Notes(notes => notes.Label(label => label.Position(ChartNoteLabelPosition.Outside)).Position(ChartNotePosition.Bottom))

)

            .Series(columns =>

            {

                columns.Column(c => c.NumberValue).Notes(n => n.Label(l => l.Visible(true)));

            })

    .HtmlAttributes(new { style = "height: 500px;" })

    .DataSource(dataSource => dataSource

        .WebApi()

.Read(read => read.Url("/api/batch/foosummary").Data("FoohData").Type(HttpVerbs.Get)

    )

))

[Alex]

We got it working by move the label method out - Thanks!