Highcharts output not scrollable on mobile

  • Resolved benspr

    (@benspr)


    6 years ago

    Hi there, and thanks for the plugin! I really like the look of the Highcharts outputs, but I’m having an issue. When displayed on mobile, I’m not able to swipe the screen to scroll if my finger starts on the chart. Is there a way to disable whatever is causing this behavior?

    On the included URL, I’ve included two charts I created with M Charts, one from Charts.js and one from Highcharts.

    Side note: I’d use the Highcharts column chart, but the spacing between the columns is so wide it makes each column look like a line. Do you know the API function to control this output? I haven’t taken the time to create a highcharts theme yet, but I will do it to customize colors, and would love to add the column “padding” variable, whatever it is.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter benspr

    (@benspr)

    Looks like the code I need to add for the Highcharts column spacing is this:

    plotOptions: {
    series: {
    pointPadding: 0,
    groupPadding: 0,
    borderWidth: 1,
    shadow: false
    }
    },

    Would appreciate any guidance on how to put that into a template/theme file.

    • This reply was modified 6 years ago by benspr.
    Plugin Author methnen

    (@methnen)

    Ben apologies for the delay. Have you read the wiki docs at all? Also you’re always going to get a faster response on the GitHub repository. I link to it from the plugin description and I get alerts there unlike www.ads-software.com which doesn’t ever tell me when someone asks for help.

    The theme functionality should allow you to add those plot options fairly easily. See more here:

    https://github.com/methnen/m-chart/wiki/Themes

    • This reply was modified 6 years ago by methnen.
    Thread Starter benspr

    (@benspr)

    Hey, thank you!

    I actually ended up figuring this out and was just coming to set this question to resolved. There was a conflict with another plugin in my site that had set svg touch-action to none. I changed in to “manipulate” and it works!

    And I did visit the github wiki, but found it very confusing because I don’t know php/javascript myself, so I wasn’t sure how to reformat the js code for php. I had a developer friend help, and all the rest of the custom themeing I added works well now!

    Plugin Author methnen

    (@methnen)

    Glad you got it squared away. Yes, the themes do require a bit of PHP knowledge to figure out. You basically have to replicate this structure of the Highcharts settings object as a PHP array which then gets converted back to a settings object.

    Anyway, glad you got it figured out. I also just followed up with you on Github regarding the logo issue you were having.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Highcharts output not scrollable on mobile’ is closed to new replies.