标签: gauge

我正在迁移 Spring Boot 1.5.x 应用程序以使用 Micrometer（为了准备将来迁移到 Boot 2.x）。我们使用了 DropWizards 指标和许多指标，比如衡量每个类型和类别的工作数量。

这个作业数量在运行时是可变的，类别和类型也是可变的。MeterRegistry当要从中获取仪表的对象数量随时间变化时，我找不到任何优雅的方法来注册仪表。

如果有一个注册方法，其中仪表值和相关标签都由函数返回，那就太好了。

感谢您的指点，达米安

似乎 plotly 仪表图不兼容，subplot因为我最终得到了两个相互重叠的仪表图。

library(plotly)

fig1 <- plot_ly(
  domain = list(x = c(0, 1), y = c(0, 1)),
  value = 270,
  title = list(text = "Speed"),
  type = "indicator",
  mode = "gauge+number") 
fig1 <- fig1 %>%
  layout(margin = list(l=20,r=30))

fig1

fig2 <- plot_ly(
  domain = list(x = c(0, 1), y = c(0, 1)),
  value = 50,
  title = list(text = "Speed"),
  type = "indicator",
  mode = "gauge+number") 
fig2 <- fig2 %>%
  layout(margin = list(l=20,r=30))

fig2

fig <- subplot(fig1,fig2)
fig

我在大学网站项目中工作,我选择使用Highcharts,它的使用非常简单.但我有一些问题需要.getjson动态更新.

我用这个http://www.highcharts.com/studies/live-server.htm和这个http://jsfiddle.net/oceog/zpwdp/样本.而且我没有取得任何成功.然后我尝试通过我自己的API学习,我来到这里:

function requestData() {
    $.jQuery.getJSON('values.php', data, 
        function(){
            var series = chart.series[0]
            chart.series.update()
            setTimeout(requestData, 1000);  
        }
)}

我把图表上的数据值留空了,我加载requestData了文件,但它仍然无法正常工作.有人能帮我吗？对不起我的英语不好.谢谢!

我正在尝试使用 R 中的 flexdashboard 包制作蓝色仪表，但是我似乎无法更改仪表的颜色。似乎只有成功、警告和危险三种预设颜色。我的问题是我似乎无法将成功更改为蓝色。这是我的代码

library(flexdashboard)

gauge(20, 
          min = 0, 
          max = 100,
          symbol = "%",
          sectors = gaugeSectors(success = c(0, 0.4),
                                 warning = c(0.4, 0.6),
                                 danger = c(0.6, 1)
          )                              )

我的脚本中有两个仪表图，想要并排可视化它们。

import plotly.graph_objects as go

fig1 = go.Figure(go.Indicator(mode="gauge+number",    value=400,    domain={'x': [0, 1], 'y': [0, 1]},    title={'text': "Speed 1"}))

fig2 = go.Figure(go.Indicator(mode="gauge+number",    value=250,    domain={'x': [0, 1], 'y': [0, 1]},    title={'text': "Speed 2"}))

怎样才能并排显示fig1呢？fig2

我正在尝试显示一个带有“奇怪”最大值的实心仪表，即96（小时）。我读过高图详细说明了最大值和最小值以设置刻度线，范围等，但是我不明白为什么我不能显示这样的值，甚至无法显示其他舍入的值，例如90低于100。

任何的想法？

有人可以帮我在R Shiny中绘制一个仪表图吗？我不需要它是动态的,但要有一个我赋值的KPI,并显示当我运行app时它应该是红色从0到0.3,黄色0.3至0.5,绿色0.5至1.

在我当前的项目中，我使用的是 Angular 6 和 typescript。我的计划是在我的一个组件上使用 Solidgauge。在我的能力的生产过程中，我遇到了以下问题：

当我尝试在我的显示器上显示 Gauge 时没有任何显示，并且在控制台 Highcharts 中显示错误 #17。我的怀疑是我的问题的原因在于我在我的组件中导入 Highcharts-more 的方式。

我的thoughput.component.ts 文件

import { Component, OnInit, OnDestroy, Input} from '@angular/core';
import { UsageService } from '../../services/UsageService';
import { Subscription } from 'rxjs';
import * as Highcharts from 'highcharts/highcharts';
import 'highcharts/modules/exporting';
import * as more from 'highcharts-more/more';
import * as solidgauge from 'highcharts/modules/solid-gauge';
more(Highcharts);

@Component({
  selector: 'app-throughput',
  templateUrl: './throughput.component.html',
  styleUrls: ['./throughput.component.css'],
})

export class ThroughputComponent implements OnInit, OnDestroy {
  // private updataDataEndRef: Subscription = null;
  public messageCount: …

我在我的闪亮应用程序中添加了一个反应计。该仪表用于显示与运动员之前所有时间的最小值和最大值相比的最新跳跃高度得分。

selectInput 设置为Athlete最近的日期(max(jumpdata$Date))。我的代码对于反应式仪表最大值非常有效，但对于最小值不会反应式更新。当我运行应用程序时，最小值显示第一个运动员的输入，然后在我更新并选择不同的输入时保持相同的值（但最大值发生变化）。

我不确定障碍在哪里，因为最大值正在更新。

用户界面

library(shiny)
library(shinydashboard)
library(flexdashboard)
library(dplyr)

jumpdata <- read.csv("SO CMJ Dummy.csv")
jumpdata$Date <- as.Date(jumpdata$Date, "%Y-%m-%d")

shinyUI(
    fluidPage(
 sidebarPanel(width = 3,
         selectInput("Athlete", label = "Athlete",
                     choices = unique(jumpdata$Athlete))),
       mainPanel(
        fluidRow(
            box(title = "Jump Height", gaugeOutput("Gauge_JH"))
                            ))
                   ))

服务器.r

library(shiny)
library(shinydashboard)
library(flexdashboard)
library(dplyr)

jumpdata <- read.csv("SO CMJ Dummy.csv")
jumpdata$Date <- as.Date(jumpdata$Date, "%Y-%m-%d")

shinyServer(function(input, output){
    output$Gauge_JH <- renderGauge({
        f <- jumpdata %>%
            select(Date, Athlete, JumpHeight_cm) %>%
            filter(Athlete == input$Athlete & Date == c(max(jumpdata$Date)))

        t <- jumpdata …

我知道有一个像 min、max （数字类型）这样的选项来配置值，但我想知道是否可以将它们设置为...

0.00% 至 100.00%

我知道可以在 GoogleSheets 图表上执行此操作，但我不确定如何在 javascript 上执行此操作或是否可能。

var formatnumbers = new google.visualization.NumberFormat({
  suffix: '%',
  fractionDigits: 2
});
formatnumbers.format(data, 1);

这仅适用于中间值。

google.charts.load('current', {'packages':['gauge']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

 var data = google.visualization.arrayToDataTable([
   ['Label', 'Value'],
   ['ALCANCE', 80],
   ['OBJETIVO', 55],
   ['MEDICOS TOP', 68]
 ]);

 var options = {
   width: 600, height: 220,//400,120
   redFrom: 0, redTo: 75,
   yellowFrom:75, yellowTo: 85,
   greenFrom:85 , greenTo:100,
   minorTicks: 5,
   min:0,
   max:100
  };

 var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
    
    //----------------new--------------//
    
 var formatnumbers = new google.visualization.NumberFormat({
   suffix: '%', …