JQuery gauge in the dataset ticker or view

To be completed by the original poster:

CMS Version

3.0.2

Player Type

Windows

Player Version

3.01.1

Issue

Hi,
I’m trying to get a simple jquery gauge in a region using the Dataset Ticker or View modules. I have the jquery parts from here Analog/Digital Gauge Plugin Examples. I can get a basic gauge to display in the blank dataset view, but how do I get my data to display in the gauge? since the dataset ticker offers more fields, I tried it there, but no data or gauge is displayed.

<script src="https://code.jquery.com/jquery-latest.js" type="text/javascript" charset="utf-8"></script>
<script src="http://server.domain.com/jquery.simplegauge.js" type="text/javascript"></script>
<style>
@font-face {
    font-family: 'Digital Dream Skew Narrow';
    src: URL('http://server.domain.com/digital-dream.skew-narrow.ttf') format('truetype');
}
</style>

<div id="demoGauge1"></div>

<script>
$(document).ready(function() {
  $('#demoGauge1').simpleGauge({ value: 4 });
  
});
</script>

<style>
#demoGauge1 { width:  32em; height: 32em; }
</style>

How can I take the code { value: 4 } and replace it with the snippet [percent|104] ?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.