0

Meters

There are some way to implement some meters like this on Ninox

9 replies

null
    • Mel_Charles
    • 1 yr ago
    • Reported - view

    Rafael - I haven't seen anything like this to date. But I did once use a work around to create a colour bar  as sample. I simply used a serious of formula fields and set the colour styles conditions to show hide the colours based on the data criteria

    well it did the job for me 馃檪

      • Rafael Sanchis
      • Rafael_Sanchis
      • 1 yr ago
      • Reported - view

      Mel CharlesThank Mel I will try to do something like this.

      Thanks

    • Ninox partner
    • RoSoft_Steven.1
    • 1 yr ago
    • Reported - view

    Rafael

    Mel Charles

    It is possible with google charts to use their gauge:

    https://developers-dot-devsite-v2-prod.appspot.com/chart/interactive/docs/gallery/gauge

    Is this something you can use in your case?

    Steven

      • Ninox partner
      • RoSoft_Steven.1
      • 1 yr ago
      • Reported - view

      Code to copy/paste.....馃槈

      html("<html>
        <head>
         <script type=""text/javascript"" src=""https://www.gstatic.com/charts/loader.js""></script>
         <script type=""text/javascript"">
            google.charts.load('current', {'packages':['gauge']});
            google.charts.setOnLoadCallback(drawChart);
            function drawChart() {
              var data = google.visualization.arrayToDataTable([
                ['Label', 'Value'],
                ['Value', " + Value + "]
      
              ]);
              var options = {
                width: 400, height: 400,
                greenFrom: 0, greenTo: 35,
                redFrom: 75, redTo: 100,
                yellowFrom:35, yellowTo: 75,
                majorTicks: [00,10,20,30,40,50,60,70,80,90,100],
                minorTicks: 10
              };
              var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
              chart.draw(data, options);
      
      
            }
          </script>
        </head>
        <body>
          <div id=""chart_div"" style=""width: 400px; height: 400px;""></div>
        </body>
      </html>
      ")
      
      • Rafael Sanchis
      • Rafael_Sanchis
      • 1 yr ago
      • Reported - view

      RoSoft_Steven Thank Steven tomorrow working on that look good.

    • Rafael Sanchis
    • Rafael_Sanchis
    • 1 yr ago
    • Reported - view

    Does anyone have on hand  Webinar EN 2022' Team > '093_HTML_SVG' Database to share it.

    Appreciatte.

    • Rafael Sanchis
    • Rafael_Sanchis
    • 1 yr ago
    • Reported - view

    Thanks Steven 

Content aside

  • Status Answered
  • 1 yr agoLast active
  • 9Replies
  • 139Views
  • 3 Following