As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #2765001
HighCharts xAxis styling problem
Closed

Comments

  • Roee Angel started the conversation
    April 30, 2021 at 2:38pm

    Hi there,

    I have a question with regard to styling highcharts.js.
    The problem is simple, whenever I make any changes to xAxis elements all existing values go to default (means my labels just become integers)  

    For example.  If I add this bit of code:

    obj.options.xAxis = {
    labels: {
        style: {
            color: 'red',
            fontSize: '15px'
        }
    }
} 

    The color and size of the labels change correctly but my labels just become integers. I attached a picture before and After added the code.

    What is the mistake?

    Thank you.

  • [deleted] replied
    May 5, 2021 at 12:39pm

    Hi Roee

    Thank you for reaching out to us.

    Sorry for the late response, we're Christian Orthodox, so we had non-working days for Easter.

    Since you are using a custom solution for your chart please check our documentation about wpDataCharts callbacks. 

    • Every chart exposes several options that customize its look and feel. Charts usually support custom options appropriate to that visualization. wpDataChart callbacks allow adding options that are available in Google Charts API, Highcharts API, and Chart.js API. 
    • All necessary resources are available in charts engines API (depends on which one you use). Every engine has a different approach to chart settings. In wpDataChart callbacks, you have to adopt those settings to the wpDataChart object (you can take a look at examples for each engine in our documentation, and also in the Support help center). A huge number of examples for any area of programming can be found on stackoverflow.com (typing your problem in google and at the end add "site: stackoverflow.com" and Google will search only that website). Also, a lot of examples of charts, chart settings, and customization can be found on jsffidle.net (typing in google for example "line chart highcharts jsffidle")
    • Please note that using hooks or wpDataTable and wpDataChart callbacks requires a certain level of programming skills and is not included in the provided support.

  • Kevin Noll replied
    September 13, 2021 at 4:08am

    Roee Angel, did you find a solution to this problem? I am having the same issue.