Skip to content
lucymukh edited this page Jan 30, 2020 · 3 revisions

An InteractiveDataDisplay plot that represents infinite a horizontal or vertical line with specified X or Y coordinate that is not presented in a legend. A boundary line name is displayed alongside.

API

HTML

In HTML, a boundary line plot is indicated by the attribute data-idd-plot="boundaryLine".

<script type="text/javascript">
    $(document).ready(function () {
        var chart = InteractiveDataDisplay.asPlot($("#chart"));
    });
</script>

<div id="chart" data-idd-plot="chart" style="width: 800px; height: 600px;">    
  <div data-idd-plot="boundaryLine" data-idd-style="stroke: red; thickness: 2" id="x10">
    x
    10
  </div>
</div>

Properties

Mandatory properties:

  • either x or y.

Optional properties:

  • thickness defines thickness of the line in pixels; default thickness is 1 pixel.
  • stroke is a string color parsed as CSS color value; default value is '#4169ed'.
Clone this wiki locally