I have a time series data on my x axis, which is only years. When importing my dataset I choose data, and type as year at the very bottom. However, when the import is complete my dataset resets to day format such as DD/MM/YYYY. I only want year. How is this possible ??

Hi Aleksandar,

That is exactly what I did, saving the year as integer. I guess there is no other way to show only the year by using the date formats. But, understood. We need to fiddle with some Javascript to shape the charts into  exactly how we want'em. My expectation was that it was gonna be like Microsoft Excel. Put the data in, bam all look fine. But we need a little bit more effort than that to get the results we want as it seems.

I am still not sure where to paste the java scripts in wordpress though. I tried inputting them into the settings of wpdatatables where there is a section called custom js. But no result. Any suggestions?

Hello Aleksandar,

Thank you for you explanation. 

What I don't understand about the script below is the number inside the bracket: WPDataChartsCallbacks[93]. Where does "93" come from. Because as I see the ID of the table is 12. So how do we refer to our chart or table at hand in the script? 

I have another question regarding the so called "responsive width" option of the chart. With this option on, rather than the chart filling the width 100%, it is always narrower than my actual content width. Why do you think this might be? Any suggestion regarding this?

Edit: The chart being narrower than 100%, and I mean not just a little, but in an annoying level of narrow, only exists with Google Charts. HighCharts work fine in this sense.

Hi Aleksandar,

Yes I wish to solve the rest with the callbacks, however, until now I could not get it to work.

I input the code as you said, replaced the number in brackets with the chart ID, but nothing happens. 

The script I input in the post is the exact same one in the website backend section which is as below. My chart ID is 6. So I replace the number in brackets as below. 

I pasted the code before and after the graph, none helped. What am I missing here ?

<script type="text/javascript">
jQuery(window).load(function(){   
    if( typeof wpDataChartsCallbacks == 'undefined' ) { wpDataChartsCallbacks = {}; }    
    wpDataChartsCallbacks[6] = function(obj){        
        obj.options.chart.backgroundColor = '#F7F7F7';        
        obj.options.chart.zoomType = 'x';        
        obj.options.chart.panning = true;        
        obj.options.chart.panKey = 'shift';        
        obj.options.tooltip = {            
            formatter: function () {            
            var s = '<b>$' + this.y + '</b>';            
            return s;            
               }        
    }    
}
});
</script>

Regards,

Baran

Hi Aleksandar,

Please check the last post at baranstreet.com. I demonstrated the issue there. 

Thanks,

Regards,

Baran