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

问题描述 投票:0回答:1

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

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

当前,只有当鼠标悬停在其上时才突出显示一个数据点。

<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轴。

angular linechart ngx-charts datapoint
1个回答
0
投票

尝试使用这些行:

chart-container {
    .line-highlight {
       display: block;
     }
}
© www.soinside.com 2019 - 2024. All rights reserved.