0

This is the threshold that I am using:

the threshold

and this is the graph:

const graphHighs = {
  pk: series.pk,
  lineColor: series.seriesMetaData.colorHex,
  lineThickness: series.graph.thickness,
  valueField: `${series.pk.uuid}${series.seriesMetaData.reportType}-highs`,
  valueAxis: series.seriesMetaData.unitOfMeasurement,
  lineAlpha: series.graph.opacity,
  type: "line"
};

const graphLows = {
  pk: series.pk,
  lineColor: series.seriesMetaData.colorHex,
  valueAxis: series.seriesMetaData.unitOfMeasurement,
  lineThickness: series.graph.thickness,
  valueField: `${series.pk.uuid}${series.seriesMetaData.reportType}-lows`,
  lineAlpha: series.graph.opacity,
  type: "line"
}; 

I need to change the line to dotted line (dashed line) thanks this is the link for the image: 2

Diado
  • 2,229
  • 3
  • 18
  • 21

1 Answers1

0

need to add dashLength: 14.

const graphHighs = {
    pk: series.pk,
    lineColor: series.seriesMetaData.colorHex,
    lineThickness: series.graph.thickness,
    valueField: `${series.pk.uuid}${series.seriesMetaData.reportType}-highs`,
    valueAxis: series.seriesMetaData.unitOfMeasurement,
    lineAlpha: series.graph.opacity,
    **dashLength: 14,**
    type: 'line',
   }
const graphLows = {
     pk: series.pk,
     lineColor: series.seriesMetaData.colorHex,
     valueAxis: series.seriesMetaData.unitOfMeasurement,
     lineThickness: series.graph.thickness,
     valueField: `${series.pk.uuid}${series.seriesMetaData.reportType}-lows`,
     lineAlpha: series.graph.opacity,
     **dashLength: 14,**
     type: "line"
    };