December 2017
Intermediate to advanced
282 pages
5h 54m
English
Dial gauge components can be populated by adding an ojDialGauge element, setting the value to be set on the gauge. Following code snippet is for the dial guage:
<div id='gauge-container'> <div id="gauge1" data-bind="ojComponent: { component: 'ojDialGauge', value: gaugeValue, readOnly: false, animationOnDisplay: 'auto', indicator: 'needleAlta', background: 'circleAlta', metricLabel: {rendered: 'on', style: 'font-size: 18px; font-weight: bold; font-family: Georgia, Times New Roman, serif;'} }" style="width:250px;height:250px"> </div> </div>
require(['ojs/ojcore', 'knockout', 'jquery', 'ojs/ojknockout', 'ojs/ojgauge'], function(oj, ko, $) { function dialGaugeData() { this.gaugeValue = ko.observable(65);Read now
Unlock full access