Python 的散景：在时间序列图中设置默认的 x 轴范围

如何解决Python 的散景：在时间序列图中设置默认的 x 轴范围

我的问题其实超级简单，但我不知道修改什么属性是正确的，也找不到在线解决方案。

我有一个包含多条线的图和一个范围滑块，可通过 CustomJS 更改 x 范围（顺便说一句）。 我唯一的问题是，我希望默认范围小于整个范围。 将滑块设置为该值没什么大不了的，但我的 JS 显然只会在值变化时触发范围变化。

如何在一个范围内绘制线条，同时将整个数据提供给 ColumnDataSource？

小的可重现代码：

from bokeh.plotting import figure,show
from bokeh.sampledata.glucose import data
from bokeh.models import DateRangeSlider,CustomJS,ColumnDataSource
from bokeh.layouts import column
import math
import datetime

source = ColumnDataSource(data)
original_source = ColumnDataSource(data)


p = figure(x_axis_type="datetime",title="Glocose Range",plot_height=350,plot_width=800)
p.xgrid.grid_line_color=None
p.ygrid.grid_line_alpha=0.5
p.xaxis.axis_label = 'Time'
p.yaxis.axis_label = 'Value'

p.line(x = 'datetime',y = 'glucose',source = source)


start = str(data.index[0]).split()[0].split(sep = '-')
default_start = str(data.index[math.floor(len(data.index)/2)]).split()[0].split(sep = '-')
default_end = end = str(data.index[len(data.index)-1]).split()[0].split(sep = '-')


date_range_slider = DateRangeSlider(value = (datetime.date(int(default_start[0]),int(default_start[1]),int(default_start[2])),datetime.date(int(default_end[0]),int(default_end[1]),int(default_end[2]))),start = datetime.date(int(start[0]),int(start[1]),int(start[2])),end = datetime.date(int(end[0]),int(end[1]),int(end[2])),step = 24*60*60*1000)


date_range_slider.js_on_change('value',CustomJS(args = dict(source = source,original_source = original_source),code = 
"""
    
    var data = source.data;
    var original_data = original_source.data;
    var timeframe = cb_obj.value;
    var start = timeframe[0];
    var end = timeframe[1];
    
    console.log('Start value: ' + start);   
    console.log('Type: ' + typeof start);
    
    console.log('End value: ' + end);   
    console.log('Type: ' + typeof end);    
    
    var idx_start = original_data['datetime'].indexOf(start);
    var idx_end = original_data['datetime'].indexOf(end);
        
    while (idx_start === -1){
                    
        start = start - 24*60*60*1000;    
        idx_start = original_data['datetime'].indexOf(start);              
        
    }
    
    while (idx_end === -1){
                    
        end = end - 24*60*60*1000;    
        idx_end = original_data['datetime'].indexOf(end);              
        
    }
             
            
    console.log('Start_idx: ' + idx_start);
    console.log('Type: ' + typeof idx_start);
    
    console.log('End_idx: ' + idx_end);
    console.log('Type: ' + typeof idx_end);      


    for (var key in original_data) {
            
        data[key] = [];
        
        for (var i = idx_start; i < idx_end; ++i) {
                
            data[key].push(original_data[key][i]);
                
        }
            
    }
      
    source.change.emit();
    
"""))



show(column(date_range_slider,p))

我知道以上并不是实现我目前所拥有的最有效方法，但它是集成代码的简化片段，使 CustomJS 成为必要。 此外，时间对象类有点混乱，因为我的示例数据和实际数据具有不同的格式，但我相信您会明白。

我几乎想要的是绘图也有默认的起始值，而不仅仅是在我触摸滑块之后。

感谢您的帮助！