"Creating Sparkline charts with HighCharts" (#904369) / TMS-Plugins

Comments

2
Mark started the conversation
September 28, 2016 at 1:55am
Using HighCharts, is it possible to create the equivalent of a sparkline chart where only the graphical portion is rendered and all of the axes details are left out?

In the v1.7 update, it appears that the vertical axis title always reverts back to the default "Values" if it is left blank. As expected, the title for the horizontal axis does not appear if it is left blank.

However, I haven't been able to find a way to eliminate the labels for the horizontal axis.

I notice in the HighChart API that the complete visibility of the x and y axes can be set (labels, ticks, titles etc.) so perhaps this is a simple change.

For anyone else following, this is what I am referring to:

Chart axes titles vs. labels:
http://www.highcharts.com/docs/chart-concepts/axes

Turning off all axes details:
http://api.highcharts.com/highcharts/yAxis.visible

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/visible/
1,894
Miloš replied
September 28, 2016 at 6:16pm
Hi Mark,
Thank you for your purchase.
If you want to remove axes details just type space button in Horizontal or Vertical axis label.
Kind Regards,

Miloš Jovanović
[email protected]

Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

You can try wpDataTables add-ons before purchasing on these sandbox sites:

Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
2
Mark replied
September 28, 2016 at 10:04pm
Hi Bogdan,
I'm finding that the horizontal axis labels are still showing. Can you confirm that it works for you?
Mark
1,894
Miloš replied
September 29, 2016 at 3:40pm
Hi Mark,

You can use chart callback to hide horizontal axis labels. Take a look at this documentation - link.
Also try to type this code on page where are you using that chart.
<script type="text/javascript">
jQuery(window).load(function(){
if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
wpDataChartsCallbacks[3] = function(obj){
obj.options.xAxis.labels = true;
}
});
</script>
just change the number wpDataChartsCallbacks[3] to your wpDataChart ID.
Kind Regards,

Miloš Jovanović
[email protected]

Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

You can try wpDataTables add-ons before purchasing on these sandbox sites:

Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables