Plotly JavaScript chart zoom to fill space.

KNIME Analytics Platform
,
1

I have created line charts for multiple features using JavaScript.

general
general1920×712 41.6 KB

All feature lines work fine when selected individually.
The challenge, however, is with the last two features (red and blue) that do not grow to occupy the entire chart area when selected.

zoom
zoom1712×716 31 KB

zoom 2
zoom 21668×732 43.4 KB

I have tried with;

xaxis : {
autorange : true, 
rangemode : 'tozero',
autoshift: true,  
constrain: 'domain', 
fixedrange: false,   
automargin=true, 
autosize: true,
},

Observation
The red and blue charts have missing numbers(no data) all through to Nov 15, 2022 and Feb 18, 2022 respectively.

Can I get some ideas on how to make each of the charts to fill the plot area.

Thank you.

2

Hi setor,

I found the below from Plotly documentation :

’ If rangemode is "normal" (the default), the range is computed based on the min and max values of the input data. If "tozero" , the range will always include zero.’

Can you change the rangemode to normal and see if it solves your problem?

Best,
Keerthan

2 Likes