Line and dot series

The line series chart is used to compare a series of data elements grouped along the xAxis.

This example also demonstrates how you can mix in a dot series feature to allow specific points along the line series to be clearly demarcated.


CSS Code

  #line_and_dot .d4 .series0 circle {
      fill: darkred;
      fill-opacity: 0.6;
      stroke: darkred;
      stroke-width: 1px;
  }
  #line_and_dot .d4 .series0 path {
      stroke: darkred;
  }

  #line_and_dot .d4 .series1 circle {
      fill: darkslategrey;
      fill-opacity: 0.6;
      stroke: darkslategrey;
      stroke-width: 2px;
  }
  #line_and_dot .d4 .series1 path {
      stroke: darkslategrey;
  }

  #line_and_dot .d4 .series2 circle {
      fill: steelblue;
      fill-opacity: 0.6;
      stroke: steelblue;
      stroke-width: 2px;
  }
  #line_and_dot .d4 .series2 path {
      stroke: steelblue;
  }
JavaScript Code