Radial Gauge

Linear Gauge

Bullet Graph

Segmented Display

This sample demonstrates how to change the color of the text foreground. Please note that the textForeground option is used for the lit segments only, while textForegroundUnlit is used for the unlit segments of the display.

For detailed implementation, please take a look at the HTML code tab.
<!DOCTYPE html>
	Text foreground Example - HTML5 jQuery Segmented Display JavaScript Plugin
	<link rel="stylesheet" type="text/css" href="../../css/dataviz.gauges.css" />
	<script src="../../js/dataviz.gauges.min.js" type="text/javascript"></script>
	<script lang="javascript" type="text/javascript">
		var segmentedDisplay = new DataViz.SegmentedDisplay({
			background: '#DCDCDC',
			border: {
				padding: 10,
				lineWidth: 4,
				strokeStyle: '#76786A'
			digits: 11,
			segmentMode: 'fourteenSegment',
			text: 'Hello World',
			textForeground: '#6ba851',
			textForegroundUnlit: 'rgba(201, 201, 201, 0.5)'

		<div id="container" style="width: 500px; height: 100px;">