标签: gauge

我正在尝试使用百度的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: …

我找到了这个有趣的界面(从33秒开始http://vimeo.com/22946428),并且想为我自己的应用程序设计类似的东西.我对圆形强度计/旋钮控制特别感兴趣,如附图所示. 它具有非常具有未来感的感觉,使用touchesMoved:手势识别器回调实现起来应该相当简单.

但是为了不重新发明轮子,是否有任何开源库提供高级UI功能,如图片/视频中的功能？

更新:Hubert的回答演示了如何使用单指动作旋转表盘.拼图的第二部分是:如何用颜色填充控件？

我正在考虑旋转背景颜色图像,但是它的一部分必须被切掉或用其他东西覆盖,从空背景变为完整.也许切出的元素(大约1弧度)可能会隐藏一组跟随手指的扇形段,并产生一种不断增加或减少量规填充的错觉.6段x,y将连续动画,以这样的方式定位它们以便仅覆盖控制的所需部分.

有两个图像黑色和蓝色,而触摸蓝色图像它应该像进展一样填充,我实现使用多个切割图像,而不使用画布但不smoothness接触,如100 Pushups应用程序.

实际上我正在尝试实现类似100 Pushups应用程序,如上所述,我有一个 链接,但是使用画布实现,我想实现使用图像,我谷歌但没有运气,任何链接或教程类似于该应用程序( 100次俯卧撑)？

我正在尝试使用Highcharts新solidgauge插件.

http://jsfiddle.net/4zVU8/2/

由highchart提供的源代码

仪表接受三个STEP参数,以根据数据显示不同的颜色.问题是它以渐变显示颜色,我想要

1)绿色高达20%

2)黄色高达80%和

3)一旦值超过80%,仪表颜色应为红色.

可能吗？

我想创建自定义进度小部件，如图所示。经过一番研究我发现：

• 对于针规，我可以修改这个小部件
• 对于水平进度表，我应该自定义 Android 原生进度条。
• 对于水指示器，我应该使用 android canvas 创建一个自定义小部件。

我的问题是：我是否使用正确的方法来创建和实现这些小部件？或者您认为任何更好的建议或教程可能会帮助我创建这些，特别是“水指示器”和自定义 Android 本机进度条。

谢谢。

我正在 D3 或 C3js 中寻找类似的东西：

C3 中的默认 Gauge Chart 将多列作为数据，但随后将它们显示在同一行上，因此它们相互覆盖。

尝试在 Maven 项目中使用 WebDriverManager 打开 ChromeDriver 时出现异常。

我计划的框架倾向于在 pom.xml 中添加依赖项后从 WebDriverManager 中提取 ChromeDriver，并打算使用 Gauge 执行测试。

在运行测试时尝试为 ChromeDriver 创建新实例时发生错误。

这是例外：

 Error Message: java.lang.NoSuchMethodError: com.google.common.util.concurrent.SimpleTimeLimiter.create(Ljava/util/concurrent/ExecutorService;)Lcom/google/common/util/concurrent/SimpleTimeLimiter;
  Stacktrace: 
  org.openqa.selenium.net.UrlChecker.<init>(UrlChecker.java:64)
  org.openqa.selenium.remote.service.DriverService.waitUntilAvailable(DriverService.java:187)
  org.openqa.selenium.remote.service.DriverService.start(DriverService.java:178)
  org.openqa.selenium.remote.service.DriverCommandExecutor.execute(DriverCommandExecutor.java:78)
  org.openqa.selenium.remote.RemoteWebDriver.execute(RemoteWebDriver.java:646)
  org.openqa.selenium.remote.RemoteWebDriver.startSession(RemoteWebDriver.java:255)
  org.openqa.selenium.remote.RemoteWebDriver.startSession(RemoteWebDriver.java:237)
  org.openqa.selenium.remote.RemoteWebDriver.<init>(RemoteWebDriver.java:138)
  org.openqa.selenium.chrome.ChromeDriver.<init>(ChromeDriver.java:178)
  org.openqa.selenium.chrome.ChromeDriver.<init>(ChromeDriver.java:167)
  org.openqa.selenium.chrome.ChromeDriver.<init>(ChromeDriver.java:124)
  StepTests.setupTest(StepTests.java:26)
  sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
  sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
  sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
  java.lang.reflect.Method.invoke(Unknown Source)
  com.thoughtworks.gauge.execution.MethodExecutor.execute(MethodExecutor.java:38)
  com.thoughtworks.gauge.execution.HooksExecutor$TaggedHookExecutor.executeHook(HooksExecutor.java:102)
  com.thoughtworks.gauge.execution.HooksExecutor$TaggedHookExecutor.execute(HooksExecutor.java:88)
  com.thoughtworks.gauge.execution.HooksExecutor.execute(HooksExecutor.java:45)
  com.thoughtworks.gauge.processor.MethodExecutionMessageProcessor.executeHooks(MethodExecutionMessageProcessor.java:65)
  com.thoughtworks.gauge.processor.SpecExecutionStartingProcessor.process(SpecExecutionStartingProcessor.java:32)
  com.thoughtworks.gauge.connection.MessageDispatcher.dispatchMessages(MessageDispatcher.java:89)
  com.thoughtworks.gauge.GaugeRuntime.dispatchMessages(GaugeRuntime.java:104)
  com.thoughtworks.gauge.GaugeRuntime.access$100(GaugeRuntime.java:36)
  com.thoughtworks.gauge.GaugeRuntime$2.run(GaugeRuntime.java:85)
  java.lang.Thread.run(Unknown Source)

运行此代码时：

import com.thoughtworks.gauge.*;
import io.github.bonigarcia.wdm.ChromeDriverManager;
import org.openqa.selenium.By;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import com.thoughtworks.gauge.Step;
import static org.junit.Assert.assertEquals;


public class StepTests {
//Holds the …

我如何最好地实现可靠的测量，其中：

• 它对标题和主要值字体/大小有响应
• 标题可以多行换行，
• 也没有留下下面屏幕截图中看到的填充

屏幕截图（桌面与移动）：

笔记：

• 这是基于此处的官方 highcharts 示例。

这是我的选项代码（来自gaugeComponent.ts）：

var options: any = {
    chart: {
      type: 'solidgauge'
    },
    title: null,
    pane: {
      center: ['50%', '55%'],
      // size: '140%',
      startAngle: -140,
      endAngle: 140,
      background: {
          backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || '#EEE',
          innerRadius: '60%',
          outerRadius: '100%',
          shape: 'arc'
      }
    },

    tooltip: {
      enabled: false
    },

    // the value axis
    yAxis: {
      min: 0,
      max: 100,     
      stops: stops,
      lineWidth: 0,
      minorTickInterval: null,
      tickAmount: 2,
      className: 'highcharts-gauge-heading',
      title: {
        text: …

自2019年1月以来，我一直在使用一个量规项目，并且无处不开始出现这个不受支持的量规版本错误。我以为这是由于Gauge，intellij或Gauge intellij插件中的更新引起的，但事实并非如此。

我尝试卸载并重新安装仪表，仪表插件intellij，在我的机器上创建一个新的示例项目，并手动指定仪表的二进制路径和起始位置。这些都没有任何不同。新的示例项目具有相同的问题。但是，即使在相同版本的gauge和intellij上，其他运行相同项目的机器似乎也没有问题。就是说，我不确定这是否会有所作为，但是我在运行Windows 10的Ubuntu计算机（18.04）上运行。我遵循以下问题中指定的安装仪表的文档：不支持标尺版本：Gatellij的标尺Inrsion插件仅适用于标尺版本> = 0.9.0，未显示规格文件步骤

我仍然可以运行规范，但是该插件的某些功能不再可用。特别是，在运行规范中的每个方案之前，将其分解为具有自己的日志的自己的标头之前，现在将所有方案分组为一个日志，这常常会导致大多数方案日志由于数量过多而丢失。日志中的行。

编辑：我正在运行以下仪表版本：仪表版本：1.0.6，提交哈希：2bc49db，html报告（4.0.8），java（0.7.2），屏幕截图（0.0.1）至于intellij： Intellij IDEA Ultimate 2019.2仪表插件0.3.16

我是 Grafana 的新手，我正在尝试在仪表可视化中显示按日期组织的表的最后一个值。我看到的显示数据的所有选项都是分组方法，如最大值、平均值、总和等。有没有办法从该表中仅获取最新的更新值？并始终显示它？我正在使用 Grafana v7.1.3 和 ES。