Muti series and Y Axes, how to use map and scale
See original GitHub issueHi, I have 2 line series and 2 Y axes, but I don’t know how to bind each line series to different Y axes
Here is my code
<XYPlot
width={1000}
height={600}>
<HorizontalGridLines />
<LineSeries data={this.props.temperature} />
<XAxis title="Time" tickFormat={tickFormatter} />
<YAxis title="Temperature" />
<LineSeries data={this.props.pressure} />
<YAxis title="Pressure" orientation="right" />
</XYPlot>
Issue Analytics
- State:
- Created 6 years ago
- Comments:12 (4 by maintainers)
Top Results From Across the Web
ggplot with 2 y axes on each side and different scales
The following code will draw both series that they use up the whole y axis: ggplot() + geom_bar(mapping = aes(x = dt$when, y...
Read more >Learn Grafana: How to use dual axis graphs
Dual axis graphs let you compare trends between time series of different magnitudes or units with the help of a second Y axis....
Read more >Graphing: Origin 8: How to make a Multi-Y Plot ... - YouTube
Learn how to quickly and easily create a multi - Y axis plot with axes and tick lable colors matching the plot color...
Read more >Multiple Y-axis Chart Documentation - ApexCharts.js
When you have a significant difference in value ranges, multi-axis charts allow ... You can draw separate y-axis for each scale, or have...
Read more >Line with multiple axes & series : Chart Gallery - FusionCharts
A multi-axis line chart is an interactive line chart that plots data using multiple axes. This allows plotting data sets having different units...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Instead of rescaling all my data, I just made two graphs and positioned them over top of each other with one YAxis on the left and the other YAxis on the right. Only one has an XAxis. Essentially the following:
You can see it live here: https://goo.gl/o8YC7Y
@ayepRahman I made an example following @gerardvanderput tip
Result is:
<div align="center"> <div>