jquery - visitors per day graph with multiple array input -

I do like that here a graph need to plot

But the difference is that In the given link, they have a single array as input but in my case I have more than one array in the form of input. I am facing the problem that I am not able to change my article with click here

  // Here is the design code & lt; Div ng-app & gt; & Lt; Div id = "matrix graph container" style = "height: 260px;" & Gt; & Lt; Div id = "matrix graph" style = "height: 260px;" & Gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div ng-controller = "see fund moodle" & gt; & Lt; Div id = "chartLegend" style = "padding-top: 10px; padding-bottom: 10px" & gt; & Lt; / Div & gt; & Lt; / Div & gt; // Here is the script for depth in which input data and lieutenant; Script type = "text / javascript" & gt; The graph.data = [{"label": "complete return", "data" [18, 40], [19, 20], [20, 100], [21, 100], [22, 100], [23] , [30, 100], [31, 100] [24, 100], [25, 100], [26, 100], [27, 100], [28, 100], [29, 100] ] [4, 100] [41, 100], [42, 100], [35, 100], [37, 100], [38, 100], [39, 100], [ 43, 100], [44, 100], [45, 100], [46, 100], [47, 100]], "color": "# 395A85"}, { "label": "emerging markets Equity ( MGI), "Data" [[18, 30], [19, 20], [20, 0], [21, 0], [22, 0], [23, 0], [24, 0], [25, 0], [26, 0], [27, 0], [28, 0], [29] [3, 0], [36, 0], [37, 0], [30, 0 ], [31, 0], [33, 0], [34, 0], [38, 0], [3 9, 0], [40, 0], [41, 0], [42, 0] [43, 0], [44, 0], [45, 0], [46, 0], [47, 0]], "color": "# 6EAA38"}, { "L Abel": "active Global Equity (MGI) hedge version "," Data "[[18, 30], [19, 80], [20, 0], [21, 0], [22, 0], [23, 0], [ 24, 0], [26, 0], [27, 0], [28, 0], [29, 0], [30, 0], [31, 0], [32, 0], [33, 0 ], [34, 0], [35, 0], [36, 0], [37, 0], [38, 0], [39, 0], [4, 0], [41, 0] [42, 0], [43, 0], [44, 0], [45, 0], [46, 0], [47, 0]], "color": "# 00 a8c8" }]; Function View Model ($ scope) {// debugger; DrawMatrixGraph (graphData); } Var drawMatrixGraph = function (graphData) {// debugger; Plot = $ .plot ($ ( "# matrixGraph"), graphData, {xaxis: {tickSize: 2, tickDecimals: 0, tickLength: 0, axisLabel: 'Age - years, axisLabelUseCanvas: True, axisLabelFontSizePixels: 12, axisLabelFontFamily "Verdana, Arial, Helvitika, Tahoma, sans-serif 'axis label padding: 5} Yaksis: {min: 0, max: 100, last Dikimels: 0, tick size: 20, axis labels' target allocation 'axis label Usekas truth, Dhurileblfontsisepiksel: 12, axisLabelFontFamily:' Verdana, Arial, Helvetica, Tahoma, sans-serif ', axisLabelPadding: 5}, series {heap: 0 lines: {show: false, step: false }, Bars: {Sh : True, barWidth: 0.9, align: center '',},}, Grid: {BorderWidth: 1}, legend: {container: $ ( "# chartLegend")}}); Var plot = $. Plot ("#Placeholder", [D], Options); }; & Lt; / Script & gt;  

For this you flot.select.js and the rest The thing is the same.

Check this for a bar