Agrajag
Posts: 5
Joined: Wed Nov 11, 2015 8:24 pm

Need Highcharts WP Dev to Fix Broken Charts on site.

We run a movie review site and our charts have been working for a few years now, but just recently started acting up and displaying in a way we didn't intend.

The coding is mainly done, but just needs some tweaking to get it back to the way it was. If this goes well, it will lead to more coding work on these charts as it's integral to what we do and I'd like to take them to the next level. Have have a whole Wordpress UI that used to feed the parameters to the charts so that we could set anything we want and the last dev in broke that.

We're probably talking a couple hours work. If you think this is you, please PM me with contact details.
wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: Need Highcharts WP Dev to Fix Broken Charts on site.

Hi Agrajag,

You can contact Black Label company with this custom project. They are experts in charting highcharts, highstock and highmaps. Check here https://www.blacklabel.pl/.

Black Label email: [email protected]

Kind regards.
Wojciech Chmiel
Highcharts Developer
Agrajag
Posts: 5
Joined: Wed Nov 11, 2015 8:24 pm

Re: Need Highcharts WP Dev to Fix Broken Charts on site.

Sent them a note. If you get a chance could you tell me what might have happened? Our charts used to display cleanly, as you can see here:

https://slashcomment-slashcommentcom.ne ... rent-1.jpg

But now they display with an unwanted, broken background below the dataset the screws up the entire look which you can see on six charts on our front page (half-way down):

https://slashcomment.com
wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: Need Highcharts WP Dev to Fix Broken Charts on site.

Agrajag,

I reproduced one of the charts from the page you posted above and it is rendered correctly (without graph background). See https://jsfiddle.net/wchmiel/09513eja/.

I've also looked through your code and found the cause of background on the graph. Chart styles are defined in chart-styling.css file and there I found:

Code: Select all

.highcharts-graph {
  fill: none;
  stroke-width: 5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-color-0 {
    fill: #ff8000;
    stroke: #f5c37e;
}
the graph background color is .highcharts-color-0 fill property. Try to move colours properties on top of the CSS file then .highcharts-graph fill should take precedence.

Whatsmore, you have this error in the console:

Code: Select all

Uncaught TypeError: Cannot read property 'update' of undefined
    at HTMLDivElement.<anonymous> (movie-charts.js?v=3.42:396)
    at Function.each (jquery.js:2)
    at a.fn.init.each (jquery.js:2)
    at movie-charts.js?v=3.42:385
    at dispatch (jquery.js:3)
    at r.handle (jquery.js:3)
Kind regards.
Wojciech Chmiel
Highcharts Developer

Return to “Highcharts Usage”