标签: gauge

我想要一个简单的仪表视图,我将定义起始值和结束值,并有一个指针来显示给定的变量值.

所以我可以像速度计一样显示给定的值.例如,如果我的textView的值是1300,那么在textview旁边我想要这样的自定义仪表视图动画!

有可能的？任何现有的示例代码？

我正在尝试配置一个c3规格图,但我想在图表中显示阈值(带有颜色的外部标签会很好)只是为了实现该值与下一级的距离.

任何人都可以帮助我吗？

现在这是衡量标准:

这就是我的期望:

我如何在R中绘制下图？

  Red = 30
  Yellow = 40
  Green = 30 

  Needle at 52. 

请帮助我,因为我非常需要.

谢谢

我正在尝试使用flexdashboard::gauge,但它总是相同的大小(不缩放),我不知道如何改变它的大小.我知道有一种方法可以使用renderPlot和设置例如正常情节height.有没有办法做类似的事情renderGauge？

这是我的代码:

---
title: "Test"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
runtime: shiny    
---



```{r setup, include=FALSE}
library(flexdashboard)
library(shiny)
library(googleVis)
```


Column {.sidebar}
-----------------------------------------------------------------------

```{r}
selectInput("n", label = "Number of bins:",
            choices = c(10, 20, 35, 50), selected = 20)
```



Column {data-width=500}
-----------------------------------------------------------------------


### Gauge

```{r}
renderGauge({
    invalidateLater(1000, session)
    dane <- round(runif(1,0,100))
    df <- data.frame(Label = "IRR", Value = as.numeric(dane))
    gauge(dane, min = 0, max = 100, symbol = '%', gaugeSectors( …

好的,所以我一直试图这样做几天,我没有在哪里.所以我有以下两个图像:

第一个是RPM Gauge

第二幅图像是一个全白图形,表示rpm规格已满:

我想做以下事情:

1. 要求用户输入RPM输入,如果他们输入1.2,则测量仪将填满如下:

我有用户输入工作,我需要动画的帮助.这是我尝试过的:

1. 我尝试过使用PorterDuff,但它也会在背景中剪切仪表,而不仅仅是白条
2. 我已经尝试将图像分成小位图并将它们存储到数组中以便我可以回忆零件,但这很慢但经常崩溃
3. 我首先将Gauge应用于画布然后保存画布,我取得了一些进展:canvas.save(); 然后剪切白色图像上的路径,然后恢复画布.但是我不知道如何以圆形方式从左下角开始剪辑到180度到右下角(CW).这是最好的方法吗？

我知道可能有一种更简单或更有效的方法,我只是没有线索.任何有好主意的人？

*注意所有图像都是PNG

提前致谢!

我是D3.js的新手,我设法用我在互联网上找到的东西来创建一个仪表.但我找不到任何仪表显示针头顶部的当前值.这样的事情:我想要的

显然我喜欢追随针的价值.我试图在针本身添加"text"属性,但它没有用.

这是一个codepen链接:http://codepen.io/kazu_codepen/pen/wGmGjv？edit = 1010

这是我的js代码:

// data which need to be fetched

var name = "azerty";

var value = 17;


var gaugeMaxValue = 100; 

// data to calculate 
var percentValue = value / gaugeMaxValue; 

////////////////////////

var needleClient;



(function(){

var barWidth, chart, chartInset, degToRad, repaintGauge,
    height, margin, numSections, padRad, percToDeg, percToRad, 
    percent, radius, sectionIndx, svg, totalPercent, width;



  percent = percentValue;

  numSections = 1;
  sectionPerc = 1 / numSections / 2;
  padRad = 0.025;
  chartInset = 10;

  // …

通过mvn gauge:execute -DspecsDir=specs控制台输出运行Gauge测试时,DEBUG输出会被污染.

16:33:46.950 [main] DEBUG org.reflections.Reflections - could not scan file META-INF/MANIFEST.MF ...
16:33:46.951 [main] DEBUG org.reflections.Reflections - could not scan file META-INF/MANIFEST.MF ...
16:33:46.951 [main] DEBUG org.reflections.Reflections - could not scan file META-INF/maven/net.minidev/json-smart/pom.properties ...
...
16:35:52.676 [Thread-1] DEBUG org.apache.http.impl.execchain.MainClientExec - Executing request PUT ...
16:35:52.676 [Thread-1] DEBUG org.apache.http.impl.execchain.MainClientExec - Target auth state: UNCHALLENGED
16:35:52.676 [Thread-1] DEBUG org.apache.http.headers - http-outgoing-0 >> PUT ...

如何设置这些测试的日志级别(通过Maven插件运行时)？

我已经写了一个应用程序,我有一个speedometer带有a needle,我试图center用速度变化旋转针.

我从互联网上计算下载速度的速度值,该角度也是测量的,

我的问题是如何将针头一端固定在车速表的中心？

如何通过改变角度值来旋转针？

我期待这样

这里针不固定中心位置如何像第一个图像中心一样固定图像的针中心

我在 Spring Boot 2 应用程序中使用 MicroMeter 仪表来跟踪对象的状态。在状态更改时，statusArrived()调用该方法。此函数应更新与该对象相关的仪表。

这是我目前的实现：

public class PrometheusStatusLogger {

    private int currentStatus;

    public void statusArrived(String id, int value) {
        currentStatus = value;
        Tags tags = Tags.of("product_id", id);

        Gauge.builder("product_status",this::returnStatus)
          .tags(tags)
          .strongReference(true)
          .register(Metrics.globalRegistry);
    }

    private int returnStatus(){
        return currentStatus;
    }    
}

这很有效，但问题是当调用此方法时，所有仪表值都会更新。我只想product_id更新给定的仪表。

输入：

statusArrived(1, 2);
statusArrived(2, 3);

电流输出：

product_status{product_id=1} 3
product_status{product_id=2} 3

所有仪表都更新了

所需的输出：

product_status{product_id=1} 2
product_status{product_id=2} 3

仅更新具有给定 product_id 标签的仪表。

我怎样才能做到这一点？

我正在尝试使用百度的Echarts 实现仪表图。应用于其他图表的网格属性会被应用，但仪表图表中的底部空间不会被删除，如下图所示。实际上，网格属性删除了条形图中的空格，但事实并非如此。我还应用了半径（100%），但无法删除它。

我的打字稿代码如下。如图所示，如何去除底部空间？

谢谢。

打字稿：

  public chartOption: any;  

  getData( ){

    this.chartOption = {
      grid: {
        left: 0,
        top: 0,
        right: 0,
        bottom: -100 
      }, 
      series: [
        {
          type: 'gauge',
          startAngle: 180,
          endAngle: 0,
          min: 0,
          max: 1,
          splitNumber: 8,
          radius: '100%', 
          center: ['50%', '50%'], 
          axisLine: {
            lineStyle: {
              width:10,
              color: [
                [0.25, '#FF6E76'],
                [0.5, '#FDDD60'],
                [0.75, '#58D9F9'],
                [1, '#7CFFB2']
              ]
            }
          },
          pointer: {
            icon: 'path://M12.8,0.7l12,40.1H0.7L12.8,0.7z',
            length: '42%',
            width: 20,
            offsetCenter: [0, '-40%'],
            itemStyle: {
              color: 'auto'
            }
          },
          axisTick: …