veritatisquam/packages/core/demo/data/gauge.ts

Carbon charting components, lerna monorepo

export const gaugeData = [
	{ group: 'value', value: 42 },
	{ group: 'delta', value: -13.37 },
];

export const gaugeDataNoDelta = [{ group: 'value', value: 67 }];

// guage no custom color
export const gaugeOptionsSemi = {
	title: 'Gauge semicircular -- danger status',
	resizable: true,
	height: '250px',
	width: '100%',
	gauge: {
		type: 'semi',
		status: 'danger',
	},
};

// guage with custom color
export const gaugeOptionsCircular = {
	title: 'Gauge circular -- warning status',
	resizable: true,
	height: '250px',
	gauge: {
		status: 'warning',
		type: 'full',
	},
};

// guage with custom color
export const gaugeOptionsCircularNoDelta = {
	title: 'Gauge circular without delta -- custom color',
	resizable: true,
	height: '250px',
	gauge: {
		type: 'full',
	},
	color: {
		scale: {
			value: '#FFE5B4',
		},
	},
};