程序员经验分享-hwhale

ng2-charts：如何设置 y 轴的固定范围

2024-05-03

我有一个使用 ng2-charts 模块的 Chart.js 图表。该图表在 y 轴上显示百分比，在 x 轴上显示时间。是否可以将 y 轴设置为显示 0 到 100，而不是基于数据的动态范围？


尝试将以下内容添加到图表选项中：

scales : {
  yAxes: [{
     ticks: {
        steps : 10,
        stepValue : 10,
        max : 100,
        min: 0
      }
  }]
}

https://github.com/valor-software/ng2-charts/issues/853 https://github.com/valor-software/ng2-charts/issues/853

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

chartjs

ng2charts

ng2-charts：如何设置 y 轴的固定范围 的相关文章

  • Chartjs 条形图悬停时显示旧数据

    我有一个使用 Chart js 创建的条形图 页面加载时一切正常 但是当我使用日期范围选择器更改时间范围时 会出现故障 新数据已引入 但当我将鼠标悬停在其上时 会显示旧数据 我是 javascript 新手 所以我希望得到一些帮助 看起来我

  • Chartjs 在鼠标悬停时非常快速地调整大小（闪烁）

    我在基于引导的页面中有一个图表 我试图在页面调整大小时调整它的大小 以遵循响应式设计的变化 所以我有这段代码 function redrawChart var w chart container width var c document g

  • 如何进行复杂的查询？ | ChartJS 和 Django

    我使用下面的 Chart JS 库创建了一个图表 我的 models py 下面 class Organization models Model name models CharField max length 250 unique Tru

  • Chart.js 混合图表的工具提示悬停自定义

    我在尝试使用 Chart js 自定义混合图表的悬停工具提示时遇到了一些问题 我有一个条形图显示某种产品的总利润 还有一个折线图显示该某种产品的总量 当我将鼠标悬停在条形图上时 我希望工具提示显示如下内容 Total profit 1399

  • 无法读取未定义的属性“标签”

    我刚刚学习 Chart js 的工作原理 因此我直接使用了 Chart js API 页面上的示例代码 但它似乎不起作用 我将以下代码放入脚本标记中 并收到 无法读取未定义的属性 标签 错误 不确定这个错误意味着什么 function va

  • 使用捆绑（CDN）chartjs-adapter-date-fns.bundle.min.js 配置区域设置？

    我在客户端 HTML 中使用 Chart js 和 date fns 适配器 https github com chartjs chartjs adapter date fns https github com chartjs chartj

  • 如何在多行字符中只显示一个标签？

    我使用 Chart js 创建一个图表 该图有两条线 因此它默认也显示两个标签 但我需要一种配置 其中应该显示红色标签 而应该隐藏蓝色标签 标签not线 感谢您的帮助 var config type line data labels 16

  • 未捕获的类型错误：无法读取未定义的属性“draw”

    for var i 0 i lt reduced length i var innerdata for var j 0 j lt days length j var rev 0 each reduced i data function ti

  • 如何在 ChartJS 2.0 中隐藏超出 x 轴的值？

    如何在 ChartJS 2 0 中隐藏超出 x 轴的值 您会注意到图表突出超过了 60 标记 x 轴使用时间刻度 我设置了最大值和最小值 这是我的图表配置 type line data datasets label Scatter Data

  • Chart.js 更改图例切换行为

    我有一个来自 Chart js 的雷达图 目前 它加载了所有效果很好的数据 并且支持图例的行为是通过单击图例标签来关闭与图例相关的数据 我希望能够单击图例标签 然后关闭所有其他标签 并可能引入 全部 选项 这对于 Chart js 可行吗

  • Chart.js 刻度线和 X 轴之间的空间

    我正在使用 Chart js 版本 3 x 制作一个简单的画布 它只是显示价格的演变 X 轴用于时间 Y 轴用于进化百分比 我已经成功做到了这一点 但现在 我想添加一些风格 我的目标是在标记刻度和 X 轴之间添加一些空间 我用过chart

  • 为什么 Chart.js 画布不考虑容器元素的填充？

    我将 Chart js 与简单的折线图一起使用 但 Chart js 计算的宽度和高度属性似乎基于父元素的总宽度和高度 忽略填充 var options maintainAspectRatio false responsive true v

  • ng2-charts：如何设置 y 轴的固定范围

    我有一个使用 ng2 charts 模块的 Chart js 图表 该图表在 y 轴上显示百分比 在 x 轴上显示时间 是否可以将 y 轴设置为显示 0 到 100 而不是基于数据的动态范围 尝试将以下内容添加到图表选项中 scales y

  • 使用 ChartJS v2.0 自定义图例

    我正在尝试在 ChartJS v2 0 中创建自定义图例模板 在 ChartJS v1 中 我只是向新的 Chart 构造函数添加了一个属性 例如 legendTemplate ul li span style background col

  • ChartJs：如何按时间值（而不是像素）以编程方式平移

    我使用的是chartJs 3 6 1 和 Chartjs plugin zoom 1 2 1 但我认为这并不重要 我有 2 个时间序列折线图 当我通过拖放平移一个图表时 我也想移动 平移另一个图表 为此 我为 graphA 启用了缩放 平移

  • Chartjs刻度标签位置

    尝试让 Y 轴刻度标签看起来像image https i stack imgur com XgoxX png 位于秤顶部且不旋转 缩放选项当前如下所示 scales yAxes id temp scaleLabel display true

  • 图表js不显示

    我正在尝试使用 Charts js 创建一个简单的折线图 当我运行下面的代码时 没有出现图表 我究竟做错了什么 我正在关注这个教程http www chartjs org docs latest getting started http w

  • 如何删除所有网格线、边框并仅显示 ChartJS 水平条形图上的刻度线

    继答案之后这个帖子 https stackoverflow com questions 75433450 how to use chartjs to plot a single row of colored bars with a time

  • Chart.js - 如何将数组集合推入数据集

    我一直在尝试多种方法将数组集合推送到数据集中 任何人都可以帮助我根据下面的代码将数组推入堆积图表中 这是例子 Codepen 堆叠栏 https codepen io narendrajadhav pen abzpWam JavaScrip

  • 如何在 yAxis Chartjs 中的两条线之间添加背景颜色

    我如何在chartjs中Y轴的两条线之间添加背景颜色 如果你检查了这个数字 我需要能够做这样的事情 在两条线之间设置颜色 第一个是橙色 然后是蓝色或其他颜色 我检查了官方文档 但没有找到任何内容 这也是我的图表配置 this options

随机推荐

  • 如何制作应用程序脚本以立即允许访问 Google 电子表格中的所有导入元素？ [复制]

    这个问题在这里已经有答案了 I have to work with google spreadsheets I am using some template spreadsheets which all contain a lot of l

  • 蓝牙 - TX 功率和 RSSI

    我正在试验两个低功耗蓝牙 4 我在下载的 Android 应用程序上获取了 uuid tx 功率级别和 rss 值 我注意到其中一个发送 0 表示 tx 功率级别 但另一个发送 4 表示 tx 功率级别 并且在 android 应用程序上看

  • gd 的 php 包装类

    谁能推荐一个 gd 库的包装类 我找到了一个few http www bin co com php scripts classes gd image 但它们只具有基本的图像处理功能 例如翻转 倒转等 我真的在这里画画 所以我想要所有的线 点

  • <<-CONSTANT 是做什么的？

    return lt lt HTML li a href some link Link Title a li HTML 第一行的 这是一个异端邪说 http en wikipedia org wiki Here document Ruby h

  • ng-invalid-parse 类如何添加到表单中

    我正在使用自定义角度指令来验证表单中的字段 当其中一项验证失败以及自定义错误时 该类ng invalid parse也被添加到该字段中 这是正常行为吗 如果是这样 是什么原因造成的 ng invalid parse当解析器返回未定义时被添加

  • 如何获取字符串的前五个字符

    我读过这个获取第一个字符的问题 https stackoverflow com q 3878820 1716774字符串的 有没有办法从 C 中的字符串中获取前 n 个字符 您可以使用可枚举 Take http msdn microsoft

  • 将 chrome api 与 React.js 结合使用

    我一直在尝试使用 React 制作一个简单的 Chrome 扩展 清单看起来像这样 name New Tab version 1 0 manifest version 2 description A minimalist replaceme

  • Python 和 Selenium - 未知错误：元素在点 (663, 469) 处不可点击。其他元素将收到点击：

    我有这个 Selenium 代码 应该单击尺寸选择按钮 submit button driver find element by class name pro sku elementList submit button find eleme

  • 如何可视化内存中带有位域的 C 结构体的布局？

    我正在使用包括位字段的 C 结构 如下所示 struct beeper general t uint1 t enable 1 uint32 t 7 enum2 t loudness 2 uint32 t 22 enum2 t status

  • 从 BizTalk 中的平面文件中删除标头

    在 BizTalk 中从平面文件中删除标题行的最简单方法是什么 我通过为标题行 以及正文 创建一个单独的架构来实现这一点 然后将 配置管道 对话框中的 HeaderSpecName 属性设置为我刚刚创建的标题架构 然后将 PreserveH

  • 使用异步时 SqlConnection 未被释放

    我有一个项目 有一个 Sql Server 数据库后端和 Dapper 作为 ORM 我正在尝试使用 Dapper 的QueryAsync 方法来获取一些数据 不仅如此 对我的存储库的调用来自几个使用 a 调用的任务内部Task WhenA

  • PHP exec - 检查是否启用或禁用

    有没有办法检查 php 脚本是否exec 在服务器上启用还是禁用 这将检查该功能是否确实有效 权限 权利等 if exec echo EXEC EXEC echo exec works

  • 以最小的努力在多台计算机之间同步代码

    我希望能够跨多台计算机 准确地说是 3 台 同步源代码和整个项目 我尝试过使用 git 但从来没有获得过无忧无虑的体验 也许是因为我从来没有投入很多精力 所以 我理想中想要的是 能够将文件夹及其所有子文件夹添加到 同步 列表 基本上 一旦我

  • Visual Studio Publish 的动态文件夹名称

    是否可以在 VS 2017 中配置文件系统发布选项 以根据日期或增量构建版本部署到新文件夹 即 当我单击发布时 我希望它转到 MyApp v1 然后下次单击 MyApp V2 您可以使用一些宏 要执行日期 请使用此宏 System Date

  • Phonegap从Java代码获取本地存储值？

    我已经使用phonegap在客户端保存了数据本地存储 http docs phonegap com en 1 2 0 phonegap storage storage md html现在我想用java代码访问保存的数据 这可能吗 我怎样才能

  • jQuery UI MultiSelect Widget 选择保留在 IE 中，但不保留在 Chrome 中

    我正在使用jQuery 多选小部件 http www erichynds com examples jquery ui multiselect widget demos basic 使用 IE 时 如果我从基本下拉列表中选择 3 个选项 浏

  • Gradle println 在未调用时打印

    我的目标是每当idea任务已运行 但不幸的是 每当运行任何内容时都会打印该消息 为什么打印行在执行时执行idea任务没有运行 如何仅在以下情况下显示消息idea任务执行了 构建 gradle apply plugin idea task h

  • 更改 ant junit 任务中的工作目录

    我有一个运行 JUnits 测试的 ant 文件 这些测试依赖于某些配置文件的相对路径 我尝试设置批量测试的工作目录 但失败 我希望工作目录是 plugins dir name ant 脚本的 JUnit 部分

  • 如何合法使用网络字体？ [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我对适用于网络字体的法律有点困惑 我知道使用 Arial Times Romans Georgia 等字体是可以的 我认为使用其他商业字体是违法的 有

  • ng2-charts：如何设置 y 轴的固定范围

    我有一个使用 ng2 charts 模块的 Chart js 图表 该图表在 y 轴上显示百分比 在 x 轴上显示时间 是否可以将 y 轴设置为显示 0 到 100 而不是基于数据的动态范围 尝试将以下内容添加到图表选项中 scales y

热门标签