当[showAxis] =“ false”时,如何使ngx-charts-gauge工具提示接近圆弧

时间:2019-01-05 08:08:44

标签: angular typescript charts ngx-charts

我正在使用具有单个结果集的ngx-charts-gauge,因为我不想使用轴,所以设置了[showAxis] =“ false”。但是悬停在弧上时,tootip显示器会远离弧。

我尝试使用#tooltipTemplate作为,但没有运气。

below is my chart 

<ngx-charts-gauge
[scheme]="colorScheme"
[results]="single"
[min]="0"
[max]="100"
[angleSpan]="240"
[startAngle]="-120"
[units]="'alerts'"
[bigSegments]="10"
[smallSegments]="5"
[legend]="true"
[showAxis]="false"
(select)="onSelect($event)"
</ngx-charts-gauge>

下面是我的数据源

enter image description here单身= [     {       “名称”:“德语”,       “值”:8940000,       “数据”:[         {“位置”:“底部”}       ]

  }
 ];
colorScheme = {
domain: ['#5AA454', '#A10A28', '#C7B42C']
  };

0 个答案:

没有答案