angular - 隐藏 ngx Advance 饼图图例
问题描述
我想隐藏ngx高级饼图的图例并在圆圈中间显示图像
问题陈述:无法隐藏高级饼图的图例
我想隐藏图例并在带有数据的圆形圆圈中显示图像。
代码:
//our root app component
import {Component, NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser-animations';
import {NgxChartsModule} from '@swimlane/ngx-charts';
import {single, multi} from '../data.ts';
@Component({
selector: 'my-app',
template: `
<ngx-charts-advanced-pie-chart
[view]="view"
[scheme]="colorScheme"
[results]="single"
[gradient]="gradient"
(select)="onSelect($event)">
</ngx-charts-advanced-pie-chart>
`
})
export class App {
single: any[];
multi: any[];
view: any[] = [700, 400];
colorScheme = {
domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
};
constructor() {
Object.assign(this, {single, multi})
}
onSelect(event) {
console.log(event);
}
}
@NgModule({
imports: [ BrowserModule, BrowserAnimationsModule, NgxChartsModule ],
declarations: [ App ],
bootstrap: [ App ]
})
export class AppModule {}
解决方案
我做的是我的css
ngx-charts-advanced-pie-chart {
::ng-deep {
.advanced-pie-legend-wrapper {
display: none;
}
}
}
推荐阅读
- r - R:扩展组内所有可能组合的网格并在所有对中应用函数
- javascript - 将文件中的所有常量导出到 index.ts 中,然后将这些常量导出为对象的键?
- java - android studio 无法解析符号
- makefile - Make 删除文件为中间文件
- python - 如果某个列值不包含特定字符串,则删除 pandas 行
- python - 使用自己的词典进行情绪分析
- python - SQL Server 或 Pandas 排名/按分区编号窗口函数
- java - 摇篮 4 Java 11
- python - OpenCV+CUDA 同时与 Python 和 Python C 扩展链接
- reactjs - 在一个视频播放中播放多个 .m3u8 播放列表