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

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

8 Answers 50 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Alex asked on 06 Oct 2015, 09:33 PM

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.

8 Answers, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 08 Oct 2015, 09:32 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Alex
Top achievements
Rank 1
answered on 13 Oct 2015, 02:55 AM

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)
 
    )
 
))

0
Alex
Top achievements
Rank 1
answered on 13 Oct 2015, 11:39 AM

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)
 
    )
 
))

0
Daniel
Telerik team
answered on 14 Oct 2015, 02:10 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Alex
Top achievements
Rank 1
answered on 15 Oct 2015, 07:52 PM

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)
 
    )
 
))

0
Daniel
Telerik team
answered on 19 Oct 2015, 10:40 AM
Hello,

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

Regards,
Daniel
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Alex
Top achievements
Rank 1
answered on 19 Oct 2015, 05:34 PM

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)
 
    )
 
))

0
Alex
Top achievements
Rank 1
answered on 19 Oct 2015, 05:35 PM
We got it working by move the label method out - Thanks!
Tags
Charts
Asked by
Alex
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Alex
Top achievements
Rank 1
Share this question
or