Clickable labels in Radar chart - Charjs with Vue - javascript

I want to make my radar chart labels clickable. I am using Vue2 with chartjs 2.9.4. Can you please tell me how to do that? Thanks

Well finally I was able to resolve it with the help of Chart.js turn labels into links. I was using Primevue chartjs and it didn't support for chartjs latest versions. Hence I got rid of it and followed the answer from above mentioned link.

Related

How to draw vertical Bars with dygraphs

I use R implementation of dygraphs to generate interactive charts in R. By default, it plots line chart of supplied data. However I would like to have vertical bars instead of line chart for below data -
library(dygraphs)
dygraph(mdeaths)
Appreciate if someone can give me any pointer to implement the same, as I failed to find any option to do the same.
Try dyBarChart
library(dygraphs)
dyBarChart(dygraph(mdeaths))
Try with Dygraphs plotters plugin. Have a look at below links for the implementation of Dygraphs Bar Chart implementation.
https://github.com/danvk/dygraphs/blob/master/tests/plotters.html#L97
http://dygraphs.com/tests/plotters.html
Maybe it can help you.

VueJs : Displaying pie chart data value of each slices

I want to display the labels and datasets of pie & doughnut charts on their sides. I searched for many options on the internet including stackoverflow, but couldn't find a relative solution for my case. Maybe I missed something.
Now I have:
I need to display the chart data on its side like this: (For my pie and doughnut charts above)
First of all, I dont see any bar chart here. Second, what library are you using for making charts? If you couldn't find proper option to display label in that library, I can recommend you to use Amcharts, its more flexible. Let me know if you get your desired results

Which chart module/library should I use for Candlestick graphs in ReactJs?

I tried using apex charts, but did not find proper doc for the react-apexcharts. I also tried react-google-charts, although it works fine, but it has unwanted spaces on sides which spoils the layout. I'm not sure about which module to use. Do you have a suggestion??
Author of ApexCharts here.
Thanks for reminding me to update the docs for the candlestick charts.
Here is the page that explains what should be the data-format.
Also, there is no major difference in options if you use react-apexcharts. The series prop should be given the required format as specified in the docs and rest will fall into places.
For those who are still asking which library to use for candlestick graphs.
Take a look Highcharts Highcharts candlestick graph
Good documentation and great features

Unwanted line chart ''shadow" using chart.js

I am using ng2-charts which is an Angular charting module based on Chart.js. I am facing an issue where there are unwanted "shadow" kind of while rendering the chart as shown in the screen shot. I wonder if there is any chart option that I need to tweak on in order to remove it.
Thanks]1
I managed to get rid of it by setting stacked option to false

Pie chart with empty middle HTML5

I'm currently working on an MVC webpage, i'm using Kendo for MVC to display some charts. Now, i need a specific chart (image bellow) that i don't seem to find in Kendo. Any ideas how to customize kendo's chart? or are there any JS charts that can be customized like this?
For anyone that will search this. kendo wasn't the best solution as we couldn't add number is the middle. The best solution we could found is a library called Morris.Js http://morrisjs.github.io/morris.js/

Categories