score:1
i think i found a solution: according to the size of the graph i updated the padding and font size of tooltip. in my case, when the graphic is greater than 205px, the original configuration (padding 2 and font 11.5) is used. when between 205 and 170px is updated to padding 0 and font 9.5, and less than 170px use tooltip shared
$("#container").resize(function () {
if ($(this).height() < 205 && $(this).height() >= 170) {
chart.update({
tooltip: {
shared: false,
split: true,
padding: 0,
style: {
fontsize: '9.5px'
},
}
});
} else if ($(this).height() < 170) {
chart.update({
tooltip: {
shared: true,
split: false,
padding: 2,
style: {
fontsize: '11.5px'
},
}
});
} else {
chart.update({
tooltip: {
shared: false,
split: true,
padding: 2,
style: {
fontsize: '11.5px'
},
}
});
}
});
score:2
to save space, use shared instead of split tooltips. i also made the tooltip svg instead of html. the scaling seems to work better.
tooltip: {
valuesuffix: '°c',
split: false,
shared: true,
enabled: true,
padding: 2,
usehtml: false,
pointformatter: function() {
return '<span style="color:' + this.series.color + '">' + this.series.name + '</span>: ' + this.y + '<br/>'
},
Source: stackoverflow.com
Related Query
- How show all tooltips split in graph with many series
- How do you convert time series data with pandas and show graph via highstock
- How can I hide ALL series with the same ID with a button on highcharts? (line graph)
- How to show Legends for all the series data in stacked column chart Highcharts?
- how to plot multiple time series in the same graph with customized x axis
- How to create a single series bar graph with Highcharts
- Highcharts: How to display multiple tooltips by click in multiple series with shared true
- How to efficiently remove all series from highchart/highstock and then add many more
- How can I capture all points belonging to the same series with the same xAxis value without a loop?
- Highcharts How to update all series with ajax
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts- Javascript- How to show cumulative count of all the series of legend by default, and linked series inside a legend
- Highcharts, chart with two series starting in diferent points, how yo show single column?
- How to show the transition in highchart series graph without refreshing the html webpage?
- Show how many elements every X time with HighCharts
- How to get 2 data-points with one name in series Line Graph Highcharts Reactjs
- HIGHCHARTS - Given a series with UNIX stamps and values pairs for the data, how do I show only the date for the first and last point on xAxis?
- In highcharts, how do I get all categories showing with multiple series and xAxis type set to category?
- How can I show a highstock graph with a linear timeline
- How can i hide all the Series in highcharts at a time
- How to show a column with the value Zero in Column chart in Highcharts?
- How to make stacked column graph to show total data value on top
- How To Use Epoch Time With Highcharts Series Data?
- How to show all values at datetime axis in highcharts?
- How can I delete all of the points from a highcharts series
- How to align HTML span at center of highchart donut graph with responsive design?
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Highcharts not displaying series data for graph with multiple Y-axes
- How do I hide a Highcharts series from the chart, but always show it in the tooltip?
- Highcharts, how to change hover bg color for series with multiple columns (categories)
More Query from same tag
- How to draw multiple segments overlapping and non overlapping in high-charts?
- Highchart spider web chart
- Highcharts pie color of a part when i click on this
- How to reverse colors order for the first label?
- Not able to correctly plot x-axis in HighChart
- Highcharts not displaying tooltip title properly
- Get time from Psql to Highstock
- How to pass the database data and display it in yii2 highCharts?
- Small HighCharts disappear
- parse file from input with papaparse
- Highcharts pie chart legend items showing gradient colors
- Why .html() doesn't work with SVG selectors using jquery ?
- How to set background image on 3d highcharts?
- Dynamic PDF from html that contains Javascript
- Reload highchart when expanded
- Rshiny Highchart: keeping fixed color for order-changing categories on x axis
- Datalabels on Highmaps appearing bottom to top
- page on ie 9 displays only after developer tools refresh, not before
- Displaying all groups on y-axis in highchats in R
- No auto resize of yaxis of highcharts in shiny
- Highcharts exporting once again
- How can I graph two sensor data values with Highcharts?
- How to color point in HighCharts
- Change Color of Volume Columns (High/Low) in HighCharts
- Cannot set Individual Point color in Series for Highstock API, it works for Highchart API
- Change height of Highcharts with JavaScript. By default only re-sizes on window re-size
- HighChart for PHP 5.1 lower
- How do you get the extreme y-axis values in HighCharts?
- Highchart's line color not changing in wordpress page
- High chart column graph space issue