Cubism.js con finestra ridimensionare

Question

amo cubism.js e usiamo tutti i giorni

sto definendo tabelle personalizzate per ogni dispositivo di utilizzare lo schermo intero (telefono vs desktop) che ho davvero odio

so per altre questioni di overflow dello stack che si possono fare le seguenti operazioni per ridimensionare il grafico ogni volta che ridimensionare la finestra:

chart = $('#chart'); 
$(window).on('resize', function() { 
    var targetWidth = chart.parent().width(); 
    chart.attr('width', targetWidth); 
    // can we change cubism's context size too? 
}); 

ma so anche che questo non è possibile per il cubismo a causa del modo in cui inizialmente fissato la dimensione nel contesto:

context = cubism.context().step(60 * 1000).size(780); 

Ecco come apparirebbe che si prevede:

Qualche suggerimento su se devo guardare da qualche altra parte del codice? o se dovessi occuparmi solo delle misure personalizzate?

Answer 1

Non sono sicuro se questo funzionerà o meno per te, ma potresti provare a farlo.

Così come stavo dicendo, avevo giocato con cubism.js e ho scoperto che in realtà sono in grado di creare il passo che quindi assumerò/scelgo di credere che logicamente sia anche possibile dimensione del cubismo in questo modo:

JS:

// Initialize the step menu's selection. 
d3.selectAll("#step option").property("selected", function() { 
    return this.value == step; 
}); 

// Update the location on step change. 
d3.select("#step").on("change", function() { 
    window.location = "?step=" + this.value + "&" + location.search.replace(/[?&]step=[^&]*(&|$)/g, "$1").substring(1); 
}); 

//to alter the step 
var step = +cubism.option("step", 864e5); 

var context = cubism.context() // set the cubism context 
.step((step)) 
.size(1440); 

HTML:

<select id="step"> 
    <option value="36e5">Hours</option> 
    <option value="864e5">Days</option> 
</select> 

quindi, tutto quello che dovete fare è che passo con la dimensione allora dovrebbe consentire per cambiare la dimensione del cubismo in modo dinamico.