angular - 如何使用 NGRX 始终在折线图中突出显示数据点？

Question

我有一个显示线系列的折线图。

如何始终突出显示数据点？

目前只有当鼠标悬停在它上面时才会突出显示一个数据点。

<ngx-charts-line-chart
  class="chart-container"
  [scheme]="colorScheme"
  [schemeType]="schemeType"
  [results]="results"
  [animations]="animations"
  [legend]="true"
  [legendTitle]="legendTitle"
  [legendPosition]="legendPosition"
  [gradient]="gradient"
  [xAxis]="showXAxis"
  [yAxis]="showYAxis"
  [showXAxisLabel]="showXAxisLabel"
  [showYAxisLabel]="showYAxisLabel"
  [xAxisLabel]="xAxisLabel"
  [yAxisLabel]="yAxisLabel"
  [autoScale]="true"
  [xScaleMin]="xScaleMin"
  [xScaleMax]="xScaleMax"
  [yScaleMin]="yScaleMin"
  [yScaleMax]="yScaleMax"
  [timeline]="timeline"
  [showGridLines]="true"
  [roundDomains]="true"
  [curve]="curve"
>
</ngx-charts-line-chart>

或者是否有任何其他图表类型可以在图表上提供数据点？我测试了气泡图，但它只适用于时间和数字作为 X 轴。我需要使用字符串作为 X 轴。

Answer 1

在你的 sass 中尝试这些行：

chart-container {
    .line-highlight {
       display: block;
     }
}