Hi,
Please find the code we have used to generate the JQ chart.
$('#'+id).jqChart({
background: background,
animation: { duration: 1 },
strokeStyle: '#FEFEFE',
border: { strokeStyle: '#FEFEFE' },
legend: {
border:{lineWidth:0},
font: '12px RobotoRegular',
marker: { visible: true,type: 'rectangle',fillStyle: '#2EB3E0', } ,
location:'bottom',
} ,
series: getSeries(seriesData,series,chartType),
height: height,
axes:getAxes(id,chartDP,showLogChart),
tooltips: {
type: 'both'
}
});
function getSeries(seriesData,series,chartType){
var arr = [];
for(var i=0;i<series.length;i++){
arr.push({
type: chartType,
title: series[i],
data: seriesData[i],
labels:{visible:true},
fillStyle:legendColors[i],
});
}
return arr;
}
function getAxes(id,chartDP,showLogChart){
var arr = [];
var minValue=0;
if(showLogChart)
minValue=undefined;
arr.push({
type: 'category',
categories: chartDP.xaxis,
location: 'bottom',
zoomEnabled: id=="reportSummaryGraph"? true :false,
strokeStyle: '#ADADAD',
majorTickMarks: { strokeStyle: '#ADADAD' },
labels: {
font: '10px RobotoRegular',
fillStyle: '#ADADAD',
angle: -45,
visible: id=="reportSummaryGraph"? true :false
},
});
arr.push( {
logarithmic:showLogChart,
logBase:10,
minimum: minValue,
majorTickMarks: { strokeStyle: '#ADADAD' },
strokeStyle: '#ADADAD',
majorGridLines: {visible: true, strokeStyle: '#E6E6E6'},
labels: {
font: '10px RobotoRegular',
fillStyle: '#ADADAD'
}
});
return arr;
}