• Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

112
Views
Plotly.js: Any way to resize plots when sidebar is toggled?

I'm using a Bootstrap sidebar for my website with several Plotly graphs. The Plotly is responsive with window size change, but when I toggle the sidebar button on and off the graphs do not adjust properly. Is there a fix to this? Partial code for Plotly listed.

Plotly chart not responsive -- extra space in the border when sidebar toggled off

var layout = {
              xaxis: {
                rangeselector: selectorOptions,
                rangeslider: {}
              },
              yaxis: {
                fixedrange: true,
                side: 'right'
              },
              margin: {
                l: 50,
                r: -50,
                b: 50,
                t: 30,
                pad: 4
              },
                yaxis: {
                  fixedrange: true,
                  side: 'left'
                },
                showlegend: false,
                

              };
              var config = {responsive: true};
9 months ago · Juan Pablo Isaza
1 answers
Answer question

0

Assuming you know when the sidebar has been toggled, you can call Plotly.Plots.resize(yourPlotlyDiv) afterwards.

9 months ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post job Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2023 PeakU Inc. All Rights Reserved.