var Script = function () { //sparkline chart $("table.chart-line").each(function () { var colors = []; $("table.chart-line thead th:not(:first)").each(function () { colors.push($(this).css("color")); }); $(this).graphTable({ series:'columns', position:'replace', width:'100%', height:'205px', colors:colors, legend:false, marginLeft:"40px" }, { legend:{ position:"ne" }, series:{ lines:{ show:true }, points:{ show:true } } }) }); $("table.chart-bar").each(function () { var colors = []; $("table.chart-line thead th:not(:first)").each(function () { colors.push($(this).css("color")); }); $(this).graphTable( { series:'columns', position:'replace', width:'100%', height:'205px', colors:colors, legend:false, marginLeft:"40px" }, { series:{ lines: { show: false, lineWidth: 2 }, points: {show: false}, shadowSize: 2, bars:{ show:true, lineWidth:1, barWidth:0.8, fill:true, align:"left", multiplebars:false } }, grid: { hoverable: false, show: true, borderWidth: 0, labelMargin: 12 }, legend: { show: false, position:"ne" } }); }); /* spark line start */ $("#metro-sparkline-type1").sparkline( [5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7, 5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7, 5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], { type:"line", height:60, lineColor: '#457bb2', fillColor: '#dff1ff', spotColor: '#de577b', minSpotColor: '#de577b', highlightLineColor: '#de577b' }); $("#metro-sparkline-type2").sparkline( [5, 6, 7, 2, 0, -4, -2, 4, 5, 6, 7, 2, 0, -4, -2, 4 ], { type:"bar", height:60, barColor: '#4f8ac7', negBarColor: '#da587c' }); $("#metro-sparkline-type3").sparkline( [5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7, 5, 6, 7, 9, 5, 3, 2, 2, 4, 6, 7, 5, 6, 7, 9, 9, 5, 3], { type:"discrete", height:60, lineColor: '#7e9d43' }); /* spark line end */ }();