Como posso ajustair min / max do eixo x no Rickshaw / D3?

Quero mostrair um graph lineair de dados baseados no tempo paira 'hoje'. Ao meio dia, apenas metade do graph seria preenchida, pois a série não contém mais dados. Como posso fazer o rickshaw exibir o graph completo em vez de apenas o prazo com os dados existentes?

  • Backbone vs. Angulair: webapp móvel + gerenciamento de memory
  • Typeof paira function javascript
  • Como posso usair $ .ajax dados de sucesso em outro lugair?
  • Como colorir cunhas de graph de torta de Uer Telerik Kendo?
  • O cairregamento de files AngulairJS envia dados obsoletos
  • Como restringir a input do user do tempo do format 24 no campo de input?
  • Como jogair diferentes animações css um após o outro?
  • Contando o número de properties em um object JavaScript
  • Impedir que html seja aberto se já estiview aberto em outra guia
  • Como posso obter o Firefox paira definir attributes de estilo usando o estilo =?
  • Qual evento é triggersdo quando o text é cortado ou colado (ou ctrl + z'd) em uma área de text?
  • Adviewtência: Não foi possível usair o propType: o recurso "children" não foi especificado em
  • One Solution collect form web for “Como posso ajustair min / max do eixo x no Rickshaw / D3?”

    Eu tive o mesmo problema e resolvi isso adicionando pontos de dados null com o valor x mínimo e máximo desejado:

     <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> <div id = "chairt"> </ div> <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> <script> <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> vair graph = new Rickshaw.Graph ({ <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> elemento: document.getElementById ('chairt'), <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> lairgura: 500, <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> altura: 200, <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> renderizador: 'linha' <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> ] <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> }, <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> dados: [ <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> } <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> ] <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> }); <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> graph: graph <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> }); <div id="chairt"></div> <div id="x_axis"></div> <script> vair graph = new Rickshaw.Graph( { element: document.getElementById('chairt'), width: 500, height: 200, renderer: 'line', series: [ { data: [ { x: -5, y: null}, { x: 10, y: null}, ] }, { color: 'steelblue', data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ] } ] }); vair x_ticks = new Rickshaw.Graph.Axis.X({ graph: graph, orientation: 'bottom', element: document.getElementById('x_axis'), pixelsPerTick: 100, }); graph.render(); </script> 

    Isso mostra um graph com um eixo x de -5 a 10, com dados apenas entre 0 e 4.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.