Kendo version v2013.3.1119
I have two tooltip types which are appearing on two different sets of sparkline charts. I cant work why they are one way for one and another way for the other set. They charts are displaying using the mvvm patten and pretty much copies of each other apart from the using a different 'field' scope.
1. The common ones are displaying a tooltip in more of a table format (to n amount of series in in the sparkline) while hovering the mouse over the plane:
---------------------------------------------------
| series name | custom template |
| series name | custom template |
---------------------------------------------------
^ the only part of the template i provide is for the custom template. This is easy to use on hovering over, and on tablet as one doesn't have to be precise on hovering or clicking on the series to see the values along the axis.
2. The second (more simple) type of tooltip im getting is more like those found on any of the chart tooltips. But are much harder show as it requires hovering over the series values rather than anywhere along the plane.
----------------------------
| custom template |
----------------------------
^ missing the grid like pattern, and series name has gone walkies, and will only show one series at a time. This makes it hard to compare the many series values together.
This is a pain for tablet use however as selecting that 1px line (of a 40px height) on the sparkline is a frustrating challenge.
Can i ask what is driving its choice about using the two tooltip styles? And then be able to compel it to do what is most appropriate for the scenario.
To me these are pretty much identical, first the sparkline displaying the grid style tooltop:
Second the one which is displaying the more simple tooltip. My eyes have pretty much given up on the what is different between the two. The data & schema going into both are identical. The kendo data source is effectively equal and only describes the Date field as a date. There would be different aggregates depending on the page loading:
Any ideas?
Thanks,
Matt
I have two tooltip types which are appearing on two different sets of sparkline charts. I cant work why they are one way for one and another way for the other set. They charts are displaying using the mvvm patten and pretty much copies of each other apart from the using a different 'field' scope.
1. The common ones are displaying a tooltip in more of a table format (to n amount of series in in the sparkline) while hovering the mouse over the plane:
---------------------------------------------------
| series name | custom template |
| series name | custom template |
---------------------------------------------------
^ the only part of the template i provide is for the custom template. This is easy to use on hovering over, and on tablet as one doesn't have to be precise on hovering or clicking on the series to see the values along the axis.
2. The second (more simple) type of tooltip im getting is more like those found on any of the chart tooltips. But are much harder show as it requires hovering over the series values rather than anywhere along the plane.
----------------------------
| custom template |
----------------------------
^ missing the grid like pattern, and series name has gone walkies, and will only show one series at a time. This makes it hard to compare the many series values together.
This is a pain for tablet use however as selecting that 1px line (of a 40px height) on the sparkline is a frustrating challenge.
Can i ask what is driving its choice about using the two tooltip styles? And then be able to compel it to do what is most appropriate for the scenario.
To me these are pretty much identical, first the sparkline displaying the grid style tooltop:
<
div
data-role
=
"sparkline"
data-series
=
"[{ 'name': 'Orders', 'type': 'column', 'field': 'Combined.OrderCount' }]"
data-tooltip
=
"{ template: $('#rangeTooltipTemplate').html() }"
data-bind
=
"source: dataSource"
>
</
div
>
@using (Html.BeginScripts("Daily.Range.Order.Count"))
{
<
script
type
=
"text/html"
id
=
"rangeTooltipTemplate"
>
<
div
>#: kendo.toString(dataItem.Date, 'd')# (#: kendo.toString(dataItem.Date, 'ddd') #)</
div
>
<
div
>Count: #: value #</
div
>
</
script
>
}
Second the one which is displaying the more simple tooltip. My eyes have pretty much given up on the what is different between the two. The data & schema going into both are identical. The kendo data source is effectively equal and only describes the Date field as a date. There would be different aggregates depending on the page loading:
<
div
data-role
=
"sparkline"
data-theme
=
"bootstrap"
data-series
=
"[{ 'name': 'Out the door', 'type': 'line', 'field': 'Performance.AvgOutTheDoor' }]"
data-tooltip
=
"{ template: $('#PerformanceToolTipOutTheDoor').html() }"
data-bind
=
"source: dataSource, visible: showCharts"
>
</
div
>
@using (Html.BeginScripts("Performance.Range.OutDoorTime", Area.Foot))
{
<
script
id
=
"PerformanceToolTipOutTheDoor"
type
=
"text/template"
>
<
div
>#: kendo.toString(dataItem.Date, 'd')# (#: kendo.toString(dataItem.Date, 'ddd') #)</
div
>
<
div
>Out the door: #: value #</
div
>
</
script
>
}
Thanks,
Matt