WebExtras

jQuery Flot Bindings

Assembly
WebExtras.dll
Namespace
WebExtras.JQFlot
Dependancies
  • Appropriate third party libraries
  • webextras.bootstrap.css
Steps involved in creating a Flot graph
  • Creating the graph options
  • Creating graph data
  • Creating the graph series
  • Rendering the graph

In order to draw dashed line graphs you need jquery.flot.dashed.js i.e the dashed graph plugin.

Slightly modifying our series we get...


  FlotSeries serie = new FlotSeries
  {
    label = "Sample Dashed Line Graph",
    data = graphData,
    dashes = new DashedLineGraph { show = true }                 // This will denote that you want a Dashed Line graph
  };

And we have a dashed graph...