Ionic 更改ngx-echarts图表的颜色

mwngjboj 于 2023-06-20 发布在 Ionic

关注(0)|答案(1)|浏览(138)

如何更改ngx-echarts中各种图表的颜色？
我试过了（html）：<div echarts [options]="chartOption" [theme]="colorScheme" class="demo-chart"></div>
(ts)：

colorScheme = {
    domain: [
      '#2FDF75',
      '#246EB9',
      '#BCD3F2',
      '#323031',
      '#FBFFF1',
      '#CCFF90',
      '#FFFF8D',
      '#FF9E80'
    ]
  };

颜色不变。我担心我的自定义主题的格式不正确。我找不到任何关于如何以简单的方式更改图表颜色的文档。

ionic-framework

来源：https://stackoverflow.com/questions/76406523/changing-colors-of-ngx-echarts-charts

1条答案

按热度按时间

xwbd5t1u1#

可以在选项中使用color属性

import { Component } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {

  chartOption: any;

  constructor() {
    this.chartOption = {
      color: ['#2FDF75', '#246EB9', '#BCD3F2', '#323031', '#FBFFF1', '#CCFF90', '#FFFF8D', '#FF9E80'],
      // your other chart options...
    };
  }
}

HTML

<div echarts [options]="chartOption" class="demo-chart"></div>

示例链接单击..
希望有帮助。

赞(0）回复(0）举报 2023-06-20

我来回答

Ionic 更改ngx-echarts图表的颜色

1条答案

相关问题

热门标签

最新问答