Nivo Pie Chart ArcLinkLabels on hover - reactjs

1
Hello everyone,
I'm working with Nivo's Pie chart and i would like to ask if is it possible to add the hover effect to show the arclabels and links (nr.2- see picture) and not the labels from nr.1 like how it is on default.
Thank you in advance!

Related

How to use custom label color logically to a row chart in dc.js using ReactJS

How to use custom label color to a row chart in dc.js
my requirement is to show green and red color on the basis of some logical condition. I have tried 'pretransition' but not understand how to use it.
Can someone help me regarding this below is my code for rowchart.
Thanks in advance.
chart
.width(768)
.height(480)
.elasticX(true)
.label(function(d) return d.label)
.dimension(runDimension)
.group(speedSumGroup)
.render();

How to custom style data label in Recharts?

I am using React + Recharts to create a stacked bar chart, is it possible to make data label look like the below image?
here is the complete demo
any help pleas?
You can just add another rect, working sample: https://codesandbox.io/s/rechartsstackedverticalbarchart-test-forked-433bb?file=/src/App.js:554-631

How to display label on side of doughnut in chart js

I am trying to get labels on side of my doughnut chart. I am using chart Js, any help would be great.
On the link bellow: is an example of how i want the chart to look like
https://i.stack.imgur.com/HRDvo.png
According to the chart.js documentation that is not possible.
But take a look at chartjs-plugin-piechart-outlabels plugin. Which can be used to display labels on side of doughnut.

Dygraphs 2.x legend posittioned off the right of graph

I have been trying to update our code to dygraphs 2.x from 1.1.1, but I have encountered a issue with the legend.
I believe it is related to the way our page is structured. We are also using React so this may also have an impact.
The dygraph is on a tab which is initially hidden until the user clicks a button after selecting various options and data sources to generate a time series line chart.
The legend option set to 'always' seems to push the legend off the right of the graph which is not readable by users.Unless they full screen the browser.
After debugging the source I can see that offsetWidth is being used to position the legend and is returning 0. I can only surmise that because the div the chart is inside is only made visible probably after the chart is drawn is messing the position of the legend.
If I regen the chart while visible the legend appears over top the chart as desired. But if I then hide the chart (by clicking on the other tab) and then show the chart (clicking on it's tab) the legend if off to the right again.
I'm not sure how to workaround this.
Presently I reverted back to 1.1.1 which does not have this issue.
Hope someone can suggest something.

xtrachart scrollbar not working into the xtrareport print preview

I have developed the xtrareport in win-form.NET. In this, i have draw the xtracharts on to the xtrareport . in this scroll bar not active . & i want to show the date & time in the as difference of the second.I have design the reports & then show into the print preview.
what is the procedure to create the charts in to the xtrareport ?
You can't enable chart scrollbars in your report because it's just a generated image.
But you will be able to make your chart clickable and show a real 'live' chart in another dialog. And this chart's scroll bars can be enabled.
Please, review the question at Q131550. It describes a problem similar to yours and it has been already solved.

Resources