Custom tool tips and other issues

[meubanksMember]

I would like to change the “tool tips” that show when I hover over a point on my line, scatter, and area graphs. I was looking at the API and don’t see any functionality for this. Is this possible?

When I hover over a section of a line in a line graph a point shows up with a tool tip. Is there any way to have these points always show? Right now not all my points will come up when I’m hovering over the line.

One final thing I noticed even on the demo chart is that the tool tip “flashes” like it is constantly being turned off and on when you hover over a point on the line. Is there a way to stop this behavior so the tool tip stays active as long as a user is on the point?

Thanks,
Millisa

[Peter StoevKeymaster]

Hi Millisa,

– The points are displayed only on hover. We will consider adding the requested functionality as an option in a future version.
– There’s still no option for customizing the tooltip’s display behavior. They delay is 4 seconds. After that, the displayed tooltip is hidden. Your suggestion makes sense and we will add an option for that behavior, too.

Thank you for the feedback!

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[meubanksMember]

Peter,

When I run the code below I have and issue seeing the points for all the lines. The top lines are fine. But as you go down the points no longer show up. I’m not sure if I’m doing something wrong or if this is a bug.

Thanks,
Millisa


$(document).ready(function () {
var data = {
"series": [{"displayText": "1","dataField": "1"},
{"displayText": "2","dataField": "2"},
{"displayText": "3","dataField": "3"},
{"displayText": "4","dataField": "4"},
{"displayText": "5","dataField": "5"},
{"displayText": "6","dataField": "6"},
{"displayText": "7","dataField": "7"},
{"displayText": "8","dataField": "8"},
{"displayText": "9","dataField": "9"},
{"displayText": "10","dataField": "10"},
{"displayText": "11","dataField": "11"},
{"displayText": "12","dataField": "12"}
],
"odds": [
{"label": "Cycle 0 3:04:50PM","1": 7.41,"2": 3.07,"3": 0.0,"4": 38.9,"5": 4.5,"6": 0.0,"7": 0.82,"8": 7.01,"9": 9.22,"10": 22.73,"11": 5.38,"12": 0.91},
{"label": "Cycle 1 3:04:02PM","1": 7.56,"2": 2.94,"3": 0.0,"4": 34.16,"5": 4.75,"6": 0.0,"7": 0.77,"8": 6.57,"9": 9.36,"10": 26.32,"11": 6.35,"12": 1.17},
{"label": "Cycle 2 3:03:31PM","1": 7.38,"2": 3.02,"3": 0.0,"4": 28.96,"5": 4.23,"6": 0.0,"7": 0.94,"8": 6.34,"9": 10.0,"10": 31.36,"11": 6.44,"12": 1.28},
{"label": "Cycle 3 3:03:02PM","1": 8.34,"2": 3.7,"3": 0.0,"4": 27.56,"5": 5.61,"6": 0.0,"7": 1.68,"8": 9.29,"9": 10.81,"10": 24.12,"11": 6.83,"12": 2.02},
{"label": "Cycle 4 3:02:31PM","1": 9.09,"2": 3.71,"3": 0.0,"4": 19.88,"5": 6.95,"6": 0.0,"7": 1.88,"8": 11.21,"9": 10.07,"10": 28.02,"11": 6.62,"12": 2.51},
{"label": "Cycle 5 3:02:02PM","1": 8.67,"2": 4.01,"3": 0.0,"4": 20.32,"5": 7.35,"6": 0.0,"7": 1.99,"8": 10.39,"9": 10.16,"10": 27.51,"11": 6.77,"12": 2.77},
{"label": "Cycle 6 3:01:31PM","1": 8.93,"2": 4.23,"3": 0.0,"4": 20.1,"5": 7.73,"6": 0.0,"7": 2.02,"8": 10.05,"9": 10.39,"10": 26.89,"11": 6.79,"12": 2.81}
],
"maxValue": 40
}

var settings = {
title: "Cyclical Odds",
showLegend: true,
padding: { left: 5, top: 5, right: 11, bottom: 5 },
titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
background: 'transparent',
borderColor: 'transparent',
source: data.odds,
categoryAxis:
{
dataField: 'label',
showTickMarks: true,
showGridLines: true
},
colorScheme: 'scheme01',
seriesGroups:
[
{
type: 'line',
valueAxis:
{
unitInterval: 2,
minValue: 0,
maxValue: data.maxValue,
displayValueAxis: true,
description: '% of Net Win pool',
axisSize: 'auto'
},
series: data.series
}
]
};

$('#jqxLineChart').jqxChart(settings);
});


[Peter StoevKeymaster]

I am unable to reproduce that, I am able to show the points for the bottom lines and the lines above them. In my test, I tried the SVG and VML rendering of the chart and used jQWidgets 2.1. However, I will continue investigating the reported behavior. Thank you!

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[robrichardMember]

Customizing chart tooltips would be a great future enhancement. I have the need to do so as well.

[Peter StoevKeymaster]

Hi robrichard,

Actually Tooltips formatting is included in the today’s release – jQWidgets 2.2.1.

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[thalyricMember]

Is it possible to add a newline in the tooltip?

[Peter StoevKeymaster]

Hi thalyric,

Tooltips Text Wrapping is still not supported.

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts