morris.js

问题 I have a div in which i have morris and Flot charts I am saving the div in Image using html2canvas which saves only Flot charts and the morris charts space is left blank in the image. Javascript code - $('#DIV1').html2canvas({ onrendered: function (canvas) { $('#img_val').val(canvas.toDataURL("image/png")); } }); Please suggest how can i save the morris charts in the same image.. Thanks in advance 回答1: Flot charts are drawn using canvas, hence can be converted to image using html2canvas.

问题 I am wokring on morris.js line chart. My json is [ {"uma":"34","time":"2017-05-11 12:30","mahes":"23","karan":"56"}, {"uma":"45","time":"2017-05-11 12:35","mahes":"45","karan":"56"}, {"uma":"34","time":"2017-05-11 12:38","mahes":"54","karan":"56"} ] from the above json, I am sure about xkey and ykeys. so I can implement to the below code. var stringify=JSON.stringify(abovejson); var data =stringify, config = { data: JSON.parse(data), xkey: 'time', ykeys: ['uma','mahes','karan'], labels: [

问题 I am wokring on morris.js line chart. My json is [ {"uma":"34","time":"2017-05-11 12:30","mahes":"23","karan":"56"}, {"uma":"45","time":"2017-05-11 12:35","mahes":"45","karan":"56"}, {"uma":"34","time":"2017-05-11 12:38","mahes":"54","karan":"56"} ] from the above json, I am sure about xkey and ykeys. so I can implement to the below code. var stringify=JSON.stringify(abovejson); var data =stringify, config = { data: JSON.parse(data), xkey: 'time', ykeys: ['uma','mahes','karan'], labels: [

问题 I am wokring on morris.js line chart. My json is [ {"uma":"34","time":"2017-05-11 12:30","mahes":"23","karan":"56"}, {"uma":"45","time":"2017-05-11 12:35","mahes":"45","karan":"56"}, {"uma":"34","time":"2017-05-11 12:38","mahes":"54","karan":"56"} ] from the above json, I am sure about xkey and ykeys. so I can implement to the below code. var stringify=JSON.stringify(abovejson); var data =stringify, config = { data: JSON.parse(data), xkey: 'time', ykeys: ['uma','mahes','karan'], labels: [

问题 I'm trying to use two Morris Area charts in two different Bootstrap tabs. The first loads fine, as this is the tab that is open when the page is loaded. However, the second tab contains a graph that is not filled in. I came to know that I could force a redraw by resizing my browser size for just a pixel. To fix this issue, I need a script to force a resize upon opening a new tab. I found a solution here on SO, but it doesn't seem to work. This is what I have tried (found here https://codeday

问题 I'm trying do display a morrisjs chart within a bootstrap tabbed page. I'm using the sample chart here: Donut Chart When I place the <div id="example-donut"> outside of the bootstrap tabs, everything works. Once I place it inside a bootstrap tab <div class="tabbable" id="tabs-936589"> <div class="tab-content"> <div class="tab-pane" id="mycharts"> <div id="example-donut"></div> </div> </div> </div> I get the following error: Error: Invalid value for <text> attribute transform="matrix(NaN,NaN

问题 I'm trying to get a logarithmic scale for the y-axis of a morris.js line chart. http://www.oesmith.co.uk/morris.js/lines.html I already tried playing with the yLabelFormat option, but it's not what I need. Any hint is appreciated. If there is no way of doing this with morris.js, you can suggest another lightweight javascript library to make simple line charts with logarithmic scale. 回答1: You can extend Morris and modify the transY function to do the logarithmic scale. I also added the

问题 I'm using Morris.js to plot an area chart. My data is declared as follow: var data = [ { y: 'LUN', a: 1 }, { y: 'MAR', a: 2}, { y: 'MER', a: null }, { y: 'JEU', a: 2 }, { y: 'VEN', a: 1}, { y: 'SAM', a: 0}, { y: 'DIM', a: 1 } ]; When I plot this data using Morris I got the following chart: The code source is based on the following asked question: Adding buttons to a chart - svg My question is: is it possible to skip the null values and not plotting them ? If we skip the null values the chart

问题 I am using Morris.js to create graphs. I have requirement to export graphs as pdf. I can see that graphs are svg elements. What should i do to achieve this. 回答1: I took one of the Morris samples and made a fiddle for you: http://jsfiddle.net/1roLdqte/48/ I added a simple call to format to PDF the existing div with just the morris chart: $('#print').click(function () { printMe(); }); function printMe() { xepOnline.Formatter.Format('line-example',{render:'download', srctype:'svg'}); } Run the

问题 I am losing my mind on this and can't figure out the issue. I am using the following code to render a chart using morris.js and I keep getting a "Uncaught TypeError: Cannot read property 'match' of undefined" error. The javascript and php code is below, is I output the php json to the console and paste it into this -> enter link description here it works! But it doesn't in my code (which I've pretty well copied from the usage example and jsbin) HTML <!DOCTYPE html> <html> <head> <meta name=