[guilhermemaranhao]

Hi Manoj,

Thank you very much for your return. The browser’s zoom was set higher than 100%. We’ve reset it and everything got ok!

Cheers!

[guilhermemaranhao]

Hi Manoj,

Another issue that makes this issue not related to the zoom level, is that the chart legend was displayed in two lines. You can check that accessing the links I’ve posted in the second message. In the current application version, the legend is displayed in one line (I’ve set a property on the chart to make it that way), but it’s being displayed in two lines, as the previous version. Don’t you think it has something to do with cache?

[guilhermemaranhao]

Thank you, Manoj. I’ll check it.

[guilhermemaranhao]

Thank you, Dan. But I don’t think so, as I did not resize the screen. It’s uncertain, because it happens sometimes in one machines but not in another one.

[guilhermemaranhao]

Blurry Chart

Chart OK

[guilhermemaranhao]

Thank you, @shashiranjan!

[guilhermemaranhao]

MacOS High Sierra, v. 10.13.6
Google Chrome: 72.0.3626.96 (Versão oficial) 64 bits

[guilhermemaranhao]

@sashi, follows a picture of what I’m qsking for.

Index Label Bar chart

It’s not a big deal, but if you notice in my previous fiddle fiddle, the index label are a little bit on the top, not in the middle.

Thank you,

Guilherme

[guilhermemaranhao]

Thank you, @sashi!

Actually, I’d like the indexLabel to be placed outside the bar, and vertically aligned in the middle. I couldn’t place them outside using your example. Is it possible?

Best regards,

Guilherme

[guilhermemaranhao]

I’ve implemented this indexLabelFormatter function, which verifies if the division between the current “y” value and the biggest “y” value (calculated during the dataPoint attribution) is shorter than a constant 6.

indexLabelFormatter: function(e){
                          if ((biggestYValue/e.dataPoint.y) < 6)
                          {
                              return e.dataPoint.y;
                          }
                          else{
                              return "";
                          }
                      }

Is it the best solution?

Thank you,

Guilherme

[guilhermemaranhao]

Thank you, @vishwas! That’s exactly what I was looking for, a way to have the animated rendering without having to re-instantiate the chart.

Best regards,

Guilherme

[guilhermemaranhao]

Hello @shashiranjan!

That’s what I have implemented:
jsfiddle today (not working)

That’s how it works (I need to have my dataPoints set before rendering):
jsfiddle (that works)

This is what I’d like to do. Set animationEnabled after the dataPoints. I thought it’d work because after the addTo method, the chart is rendered.
jsfiddle (why does not work?)
Why this animated mode does not work? Can’t I simply render the chart again? the only way is instantiating another chart with the dataPoints already set?

Thank you,

Guilherme

• This reply was modified 5 years, 10 months ago by guilhermemaranhao. Reason: change the last question
• This reply was modified 3 years, 3 months ago by Manoj Mohan.

[guilhermemaranhao]

Hi @bivek,

I instantiate my chart before populating my datapoints, which are set after an ajax request.
At that moment, I render the chart instance and then set the dataPoints.
Even in the first moment, the chart isn’t being loaded in animation mode. The animationEnabled option is set to true.
I did it only if I instantiate the chart after setting the datapoints to an option object and instante (and render) the respective chart. Is that still the only possibility to have the animation working?

Thanks, Guilherme

[guilhermemaranhao]

Great, @shashiranjan! It worked perfectly!

Thank you very much!

[guilhermemaranhao]

For example, @shashiranjan, is it possible, just before rendering, to get the dataPoint pixel? If so, I could “increase” the y-value a little bit, so that it could be shown. Of course, it’s far from ideal, but at least, I could have my dataPoint visible in my chart.

Thank you