axes - Rickshaw - need help designing line + bar toggle chart -

-

i started using ricksaw animated graphs , i'm trying set x-axes list months. not in particular time series (yet), correspond specific data points. have simple coding program try , can't seem modify x-axes labels. there easy way this? also, how similar y-axis? thanks!

< script >    var mygraph = new rickshaw.graph({      element: document.queryselector("#mychart"),      renderer: 'multi',      width: 500,      height: 250,      min: 0,      max: 18,      series: [{        name: "population1",        color: "steelblue",        renderer: 'lineplot',        data: [{          x: 0,          y: 10,        }, {          x: 1,          y: 3,        }, {          x: 2,          y: 8,        }, {          x: 3,          y: 15,        }, {          x: 4,          y: 12,        }, {          x: 5,          y: 8,        }, {          x: 6,          y: 3,        }, {          x: 7,          y: 5,        }, {          x: 8,          y: 2,        }, {          x: 9,          y: 1,        }, {          x: 10,          y: 4,        }, ]      }, {        name: "population2",        color: "green",        renderer: 'bar',        data: [{          x: 0,          y: 5,        }, {          x: 1,          y: 3,        }, {          x: 2,          y: 8,        }, {          x: 3,          y: 6,        }, {          x: 4,          y: 3,        }, {          x: 5,          y: 12,        }, {          x: 6,          y: 13,        }, {          x: 7,          y: 14,        }, {          x: 8,          y: 12,        }, {          x: 9,          y: 8,        }, {          x: 10,          y: 9,        }, ]      }]    });  var xticks = new rickshaw.graph.axis.x({    graph: mygraph,    orientation: "bottom",    element: document.queryselector("#xaxis")  });  var yticks = new rickshaw.graph.axis.y({    graph: mygraph,    orientation: "left",    element: document.queryselector("#yaxis")  });  var graphhover = new rickshaw.graph.hoverdetail({    graph: mygraph  });  var mylegend = new rickshaw.graph.legend({    graph: mygraph,    element: document.queryselector("#mylegend")  });  var toggling = new rickshaw.graph.behavior.series.toggle({    graph: mygraph,    legend: mylegend  });  mygraph.render(); < /script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.5.1/rickshaw.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.5.1/rickshaw.min.js"></script>    <body>    <div style="margin-bottom:10px; margin-left:20px" id="mylegend"></div>    <div style="display:block; float:left; width:20px; height:280px; padding-bottom:10px;" id="yaxis"></div>    <div>      <div style="margin-left:20px;" id="mychart"></div>      <div style="margin-left:20px" id="xaxis"></div>    </div>  </body>

try this

var xaxis = new rickshaw.graph.axis.time({      graph: graph,      tickformat: function(x){       return new date(x).tolocalestring(); }, ticks: 4 });  xaxis.render();

Comments

Post a Comment

Popular posts from this blog

Ansible - ERROR! the field 'hosts' is required but was not set -

-
i've error when launch playbook don't found why.... error! field 'hosts' required not set there main.yml : --- - hosts: hosts - vars: - elasticsearch_java_home: /usr/lib/jmv/jre-1.7.0 - elasticsearch_http_port: 8443 - tasks: - include: tasks/main.yml - handlers: - include: handlers/main.yml and /etc/ansible/hosts : [hosts] 10.23.108.182 10.23.108.183 10.23.108.184 10.23.108.185 when test ping, : [root@poste08-08-00 elasticsearch]# ansible hosts -m ping 10.23.108.183 | success => { "changed": false, "ping": "pong" } 10.23.108.182 | success => { "changed": false, "ping": "pong" } 10.23.108.185 | success => { "changed": false, "ping": "pong" } 10.23.108.184 | success => { "changed": false, "ping": "pong" } please, me :) regards, you have syntax error in playbook.
Read more

customize file_field button ruby on rails -

-
i'm trying rid of ugly button rails has default file upload. want add glyphicon <%= f.file_field :image_url, class:"glyphicon glyphicon-camera" %> this didn't work , have tried other things in different post saw on page, don't attach file. as suggested here bootstrap filestyle , can use bootstrap's filestyle style file upload buttons. step-1: add layout application.html.erb i have added bootstrap filestyle library cdn. should make sure have both jquery , boostrap loaded. <script type="text/javascript" src="https://cdn.jsdelivr.net/bootstrap.filestyle/1.1.0/js/bootstrap-filestyle.min.js"> </script> step-2: add corresponding js file: $(":file").filestyle({input: false}); step-3: image_url file field follows: <%= f.file_field :image_url,class: "filestyle", "data-input" => false %>
Read more

SoapUI on windows 10 - high DPI/4K scaling issue -

-
Image
soapui doesn't seem dpi-aware , displays small on high dpi screen (tiny text , buttons). other applications running fine (screen resolution 3840 x 2160). version : soapui 5.1.2 os : windows 10 i have tried: configure soapui run "disable display scaling on high dpi settings" - parts of soapui looking bigger , don't display (image) changing resolution changing font size (preferences > editor settings > select font...) therefore assume, soapui pretends dpi-aware, not scale itself. have same issue? this workaround until developers round making version dpi-aware. step 1: add registry key hkey_local_machine\software\microsoft\windows\currentversion\sidebyside\preferexternalmanifest (dword) 1 step 2: add manifest file 'soapui-5.2.1.exe.manifest' in same directory 'soapui-5.2.1.exe' content of manifest file: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <assembly xml
Read more