I want to set chart grid border visible false
<div class="panel-container show">
<div class="panel-content">
<h5>Subscription Views / hour</h5>
<div id="flotBar1" style="width: 100%; height: 160px" ></div>
</div>
</div>
$.ajax({
type: 'POST',
url: '../User/GetAllVerticalbarCharts',
data: { frmname: "frmDashboard3", "chartid": "Accounts_Payment_" },
async: false,
success: function (data) {
if (data.Result == "Error") {
alert(data.Result);
}
else {
resultsmallchartdata = JSON.parse(data["jsonchartdata"]);
}
}
});
$.plot('#flotBar1', $.parseJSON(resultsmallchartdata[0]["Data"]), $.parseJSON(resultsmallchartdata[0]["Grid"]),
{
bar:
{
show: true,
lineWidth: 0,
}
},
{
grid:
{
borderWidth: 0,
drawTicks: false
},
yaxis:
{
grid: {
display: false
},
font:
{
color: '#444',
size: 10
}
},
xaxis:
{
grid: {
display: false
},
font:
{
color: '#999',
size: 9
}
}
});