I’ve got a project where a customer would like some KPI widgets and one of their desires is a bar chart.
I can get a bar chart working in the XY Chart for Perspective however I’d like to be able to do some things with the chart that I just can’t seem to get done.
For instance, I have this generic chart:
Is there a way to have each of the products or X axis be a different color? And then is there a way to have the legend reflect those colors?
I was able to get the label/value above each of the bars by generating a new series and tweaking the bullets. Is there a way to style that label other than what is in the props tree?
This is what they gave me as an example and I’m trying to get as close to this example:
Any ideas?
In your series, under column/appearance/fill/color you can specify the color that you want. As long as “ProductA” and “ProductB” are 2 separate datasources + series, your legend should reflect the names and colors of the bars.
If you want to do it with one datasource + series, you can add a ‘color’ prop to your data and then use appearance/deriveFieldsFromData/fill/color and specify the key that you used. However the legend will just have the name of your series and won’t match the color…
Thanks!
I’m not sure if the legend part is needed for sure, just trying to mimic. I do like your second idea though. I’ll have to play around with that.
@bschroeder can you share the screen shot of the
Property perspective editor (full json data of this would be appreciated) for how you managed to tweak the attached image
We ended up not going the route of coloring the bar chart. There was more work required to do that than just to label them underneath the bar.