Search code examples
jqueryjquery-pluginsjqplot

How do I customize the black border around JQPlot

How do I customize the black border around the graphs in JQPlot? I searched the CSS file extensively and couldn't find anything.

[UPDATE]

Please see this image if you are not understanding what i mean: http://img339.imageshack.us/img339/5796/jqplot.png

Thanks

Solution

  • Look at the jqplot options for grid drawBorder, borderColor and shadow:

    var plot1 = $.jqplot ('container', [[3,7,9,1,4,6,8,2,5]], {grid:{borderColor:'transparent',shadow:false,drawBorder:false,shadowColor:'transparent'}});


    $(document).ready(function(){
    var plot1 = $.jqplot ('container', [[3,7,9,1,4,6,8,2,5]], {grid:{borderColor:'transparent',shadow:false,drawBorder:false}});
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqPlot/1.0.9/jquery.jqplot.js"></script>
      
<div id="container"></div>