How to include a total on a unified hover tooltip for a filled area chart in plotly.js? - plotly.js

I have a filled area chart in Plotly with hovermode: 'x unified' set in the layout so that it produces a single hover tooltip.
I need to add a total to the tooltip. How can I do this? hovertemplate only allows me to edit each data rows individual line, but I can't seem to edit the template itself

Related

Amcharts legend dynamic resizing

I want my legend to adjust itslef according to the amount of data that is coming in like highcharts . For example if I have only one legend I don't wanna legend to take the length as the div itself and I also have multiple pods .if there are a lot of legends I want it to have scrollbar instead now it's reducing the size of the chart itself.
Pls give your valuable inputs .
You can have the Legend rendered inside a defined Element referring to it using divId.
Then just make sure your legend element is setup to use scrollbars.
Please check the example here: https://codepen.io/team/amcharts/pen/dac1c66de18a50661c8195d4b792a30c

How to update percent values of custom tooltip in angular nvd3 pie chart

I am showing custom tooltip with percent values in Angular NVD3 pie chart. plunker link
`https://plnkr.co/edit/Tv544U?p=preview`
tooltip shows correct values in percent. But if I deselect any legend, chart is redrawn excluding that item. I want to recalculate percent values for the items which are displayed in chart. i.e. slice 'one' shows 16% and two shows 7% in beginning. If I click two in legend, slice 'two' will be gone and chart is redrawn. Still pie 'one' shows 16%. I want it to recalculate.
I found a solution of my question above. There is a property 'showTooltipPercent' to display percent in tooltip in nvd3 pie chart. need to set this to true inside chart object for Angular NVD3. But this property only works for default tooltip.
I was using custom tooltip. After setting above property, I get percent value in event argument in my custom tooltip function. I utilized this value while showing percent value in tooltip instead of calculating percent manually.
plunker is updated.

Kendo UI Chart value axis step values are not displayed in the chart

I am trying to display a bar chart using Kendo UI. The series labels are getting displayed.But the value axis is not marked with step values.For eg:if my series data is like {3,6,8} and the step size is 2 the series axis is not marked with {2,4,6,8,10} etc.The chart is displayed and labels are displayed as 3,6 & 8.The category axis values are also getting displayed.

Invert nvd3.js legend click function

So, in nvd3 charts, clicking on a legend entry basically filters that out of the chart window (for instance in the case of area charts). I want to invert this functionality..i.e. show the particular chart when its corresponding legend is shown and hide all the others...is there a way to do it?
It is similar to what happens when user hits the chart itself (i.e. only the one that is clicked is expanded and rest of the streams hide).
I am referring to this example: http://nvd3.org/ghpages/stackedArea.html
There's a radioButtonMode that should do exactly what you want. You should be able to set this on the chart, i.e.
chart.radioButtonMode(true);

Extending chart functionality in SSRS

The default chart object in the SQL Server (2005) Business Intelligence Development Studio doesn't seem to some have formatting options like :
specifying the text direction of labels in the x and y axis
adding a trendline to a bar chart
arbitrarily resizing items in a chart - for example, if I resize the chart object, everything gets resized accordingly but I can't keep the size of the chart the same while extending the area of the legend for instance.
multiline chart labels
So what I want to know is
is there any easy answer to the formatting problems mentioned above?
what websites/books/resources/examples would you recommend I look
into for extending the functionality of the chart object?
Some colleagues of mine gave up on the stock control and bought Dundas charts
The stock charts are cut down versions of Dundas.
yes you can specify the text direction of labels in the x and y axis
Go to chart properties and in the tab x and y axis enter the chart title and in the title align use the combination like left/right/center align.
you can change the legend line go to the chart properties click legend tab inside this
there is an option for "display legend inside plot area" and you can include the trendline there
you can use multiline text labels when the text limits extends
I don't see how you can resize the legend, puting inside the plot area looks ugly for pie-chart
I'd recommend go with the dundas chart components gbn suggested.
If that's not possible at least this article should solve issue 1.

Resources