Search code examples
javascripthtmlangularamchartsamcharts4

how to hide the Threshold from Legend using Amcharts 3?


hey i am using Amcharts 3, i need to hide the threshold from the legend, this is the threshold that i am using graph Highs and graph lows what i need to add to hide it from legend

1

                   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',
                        hiddenInLegend: true,
                    }

                    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',
                        hiddenInLegend: true,
                    }

Solution

  • you need to add visibleInLegend = false like this:

    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',
                            visibleInLegend: false,
                        }
    
                        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',
                            visibleInLegend: false,
                        }