Keen.io 仪表板图表上的最大和最小 Y 轴值

Posted

技术标签:

【中文标题】Keen.io 仪表板图表上的最大和最小 Y 轴值【英文标题】:Maximum and Minimum Y-Axis Values on Keen.io Dashboard Charts 【发布时间】:2016-06-20 17:48:14 【问题描述】:

是否可以在敏锐的仪表板图表的 Y 轴上设置最大值和最小值?

我从这个 github repo 下载了仪表板:

https://github.com/keen/dashboards

我有一个像下面这样的垂直柱形图,我想设置 y 轴上的最小值为 70,最大值为 90,我该怎么做?

  <div class="col-sm-8">
    <div class="chart-wrapper">
      <div class="chart-title">
        Alex Weight (kg)
      </div>
      <div class="chart-stage">
        <div id="chart-01"></div>
      </div>
      <div class="chart-notes">   
      </div>
    </div>
  </div>


var query = new Keen.Query("maximum", 
    eventCollection: "weight",
    interval: "daily",
    targetProperty: "value",
    timeframe: "this_14_days",
    timezone: "Australia/Sydney"
);

client.draw(
query, document.getElementById("chart-01"), 
    height: 150,
width: '100%',
chartType: 'columnchart',

hAxis: 
    format:'d MMM'


);

【问题讨论】:

【参考方案1】:

我一问问题就明白了…… 只需在下面添加 vAxis 值:

var query = new Keen.Query("maximum", 
eventCollection: "weight",
interval: "daily",
targetProperty: "value",
timeframe: "this_14_days",
timezone: "Australia/Sydney"
);

client.draw(
query, document.getElementById("chart-01"), 
height: 150,
width: '100%',
chartType: 'columnchart',

hAxis: 
    format:'d MMM'
,
vAxis:  
    minValue: 70,
    maxValue: 80
   

);

【讨论】:

以上是关于Keen.io 仪表板图表上的最大和最小 Y 轴值的主要内容,如果未能解决你的问题,请参考以下文章

Google图表 - 在y轴值上应用保证金

如何在剑道图表十字准线工具提示中提供 X 轴和 Y 轴值?

Echarts设置y轴值间隔 以及设置 barWidth : 30,//柱图宽度

如何使用图表制作实时仪表板[关闭]

当y轴值较小时,烛台不能很好地显示

R Highcharter:工具提示自定义