ng2-charts#Color TypeScript Examples

The following examples show how to use ng2-charts#Color. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: speed-chart.component.ts    From RcloneNg with MIT License 6 votes vote down vote up 
public lineChartColors: Color[] = [
		{
			// primary
			backgroundColor: 'rgba(89,139,255,0.3)',
			borderColor: 'rgb(89,139,255)',
			pointBorderColor: 'rgba(0,0,0,0)',
			pointBackgroundColor: 'rgba(0,0,0,0)',
			pointHoverBackgroundColor: 'rgba(89,139,255,0.3)',
			pointHoverBorderColor: 'rgb(89,139,255)',
		},
		{
			// warning
			backgroundColor: 'rgba(255,170,0,0.3)',
			borderColor: '#ffaa00',
			pointBorderColor: 'rgba(0,0,0,0)',
			pointBackgroundColor: 'rgba(0,0,0,0)',
			pointHoverBackgroundColor: 'rgba(255,170,0,0.3)',
			pointHoverBorderColor: '#ffaa00',
		},
	];
Example #2
Source File: volume.component.ts    From thorchain-explorer-singlechain with MIT License 6 votes vote down vote up 
public lineChartColors: Color[] = [
    {
      borderColor: '#7cb5ec',
      backgroundColor: '#7cb5ec',
      pointBorderColor: '#7cb5ec',
      pointBackgroundColor: '#7cb5ec',
    },
    {
      borderColor: '#90ed7d',
      backgroundColor: '#90ed7d',
      pointBorderColor: '#90ed7d',
      pointBackgroundColor: '#90ed7d'
    },
    {
      borderColor: '#FFB886',
      backgroundColor: '#FFB886',
      pointBorderColor: '#FFB886',
      pointBackgroundColor: '#FFB886',
    }
  ];
Example #3
Source File: fan-graph.component.ts    From tuxedo-control-center with GNU General Public License v3.0 6 votes vote down vote up 
public graphColors: Color[] = [
        {
            borderColor: 'rgba(120, 120, 120, 0.4)',
            backgroundColor: 'rgba(10, 10, 10, 0.4)'
        },
        {
            borderColor: 'rgba(227, 0, 22, 0.3)',
            backgroundColor: 'rgba(227, 0, 22, 0.3)'
        }
    ];
Example #4
Source File: eda-chart.component.ts    From EDA with GNU Affero General Public License v3.0 5 votes vote down vote up 
public static defaultChartColors: Color[] = EdaChartComponent.generateChartColors();
Example #5
Source File: eda-chart.component.ts    From EDA with GNU Affero General Public License v3.0 5 votes vote down vote up 
public static defaultPieColors: Color[] = EdaChartComponent.generatePiecolors();