add timeframe in tradingview - reactjs

I'm integrating tradinview chart in React.js and I want to add multiple timeframes in the chart, I've attached a screenshot of what I want.

Related

can we create this gantt table chart with recharts or any custom solution

can we create this gantt table chart with recharts or any custom solution, mainly I'm facing issue to manage the width of the div according to time stamp

Control multiple charts with one legend react-chartjs2

I'm using react-chartjs2 and chart.js to display datasets for a web application I'm building.
The user is going to have the option of selecting how many charts to view for different items. Each item will have its own chart, but fields/labels for the datasets will be the same for each item. This being the case I want for the user to be able to hide lines for different charts using one single legend. I don't want to display a legend for each chart that gets generated, just have one at the top.
I have a general idea on how to do this.
The issue is that each chart is its own React Component.
I'm trying to access all the other charts in one of the components and iterate through each instance of charts and modify the data that way. Any idea on how this can be done?

How to add the focus to nvd3 charts in angular

I have to build a web app which is data driven, So I will have to use so many chart types from nvd3, there are some charts in nvd3 where the Focus is added.
But I will need to add the focus for every chart.
Is there any way to do that in angualr????????

Add more charts in angular highcharts

I use angular highcharts-ng and only have a line chart, bar chart and pie chart. Now how can I add more charts like gauge chart and score card in this plugin?
plugin github page
You'll need to add a new series with the desired chart type. There are some good demos on the Highcharts home page that show combo graphs.

ExtJs slider bar chart

I am trying to find Slider bar chart functionality in ExtJs like we have Google finance chart given in the link below:
http://www.google.com/ig/directory?type=gadgets&url=www.google.com/ig/modules/finance_chart.xml
for example: We have scrollable long chart and as we scroll or slide the part of the chart, that is shown as chart in real big view.
Please let me know if we have this chart in ExtJs. If not, then please let me know if we have this chart in fusion charts or any third party library that we can integrate that in ExtJS.

Resources