methnen

@fulibaba sorry for the delay on this. Life has been a lot the last few months.

I’d like to ask you to try enabling the iframe embed option in the M Chart Settings panel. And see if that solves the issue. If it does not, please let me know?

OK, your server is refusing it, even with it zipped, probably because it’s got some JS code in it. I’ll put that somewhere else and then try again. ??

Thought that might be the case. I just sent it again, hopefully it gets to you this time. Let me know please either way.

Did you see my email reply with a possible fix?

• This reply was modified 7 months, 1 week ago by methnen.

@fulibaba

I spent some time poking at this and I’m still not quite sure what’s happening. Chart.js is supposed to honor the height applied to the canvas object. And for some reason in this case it’s not, and it’s actually setting it higher than it was set. I’m gonna see if I can duplicate this locally somehow.

But can you confirm that the chart in the first tab on your example is indeed the same chart as in the second tab and that it’s height is explicitly set to: 300px as it seems?

Do you see a JS error when trying the code?

Is there somewhere I can see it in action with your theme?

Jayesh,

Sorry for the delay on this. Life has been something else the last month.

I’m sitting down to work on this and I’m realizing that I might need to se your data set and your settings for the chart in question in order to properly duplicate the issue.

Would you be willing to pass that all my way?

jamie AT methnen.com

Is my email address.

Also please post here when you send it so I know to look for your email.

I think this is a bug on my end. Probably a result of the other fix. I need to make sure I’m testing for multiple situations I think.

I’ll take a look at this soon. Because yes, the plugin itself plugs into the char tooltip callback so I suspect my callback is overwriting your callback.

Closing due to lack of followup from OP.

Closing due to lack of feedback from OP.

I apologize. I somehow missed this question earlier.

Oooh, that’s a lot of data and I can see why it’s a lot of dates/tick marks. There are probably ways to deal with that inside of Chart.js but it would require customizing the output of the plugin. This is possible and there’s developer hooks for doing that sort of thing, but it’s outside the scope of the plugin itself.

The duplicated date issue was an issue with the tool tip output which has been fixed in the latest version.

Closing due to lack of follow up from OP.

Closing since there’s been no follow up from the OP for awhile.

Interesting, adding padding/margins is possible. Thought not always as straightforward as you might hope.

The place to start is the Chart.js docs:

https://www.chartjs.org/docs/latest/general/padding.html

https://www.chartjs.org/docs/latest/configuration/legend.html#legend-label-configuration

You’ll see most items do have a padding value you can apply though settings. You could apply these either through a filter hook or many times more easily via themes:

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

https://github.com/methnen/m-chart/wiki/Action-and-filter-hooks#m_chart_chart_args

Basically you have to convert a Chart.js value to a matching PHP array.

The Chart.js documentation is here:

https://www.chartjs.org/docs/latest/samples/information.html

If you find the thing you want to change I’m happy to help you get it formatted correctly if you have trouble, but I don’t have a ton of bandwidth for finding it and writing it myself from scratch right now.