Rails Chartkick:只需要轴上的整数值。使用离散的还是其他的?

2024-01-06

假设我有以下代码

<% data = [
[1,1],[2,3],[3,5],[4,8],[6,4],[7,2]
] %>

<%= line_chart data,  {discrete: true, library: {width: 600} }%>

使用 Chartkick,这会产生以下图表

我希望使用整数来标记垂直轴。 (不是小数)我认为discrete选项应该这样做,但对于这个例子,它所做的只是将水平轴上元素的格式从时间更改为数字(即以下代码

<%= line_chart data,  {library: {width: 600} }%>

产生这个

).

所以我的问题是:到底是什么discrete这样做,除了将实际上是数字的日期更改为数字之外。如何使用它使垂直轴上的数字成为整数? (或者,如果它不能用来执行此操作,我可以使用什么?)


The discrete选项仅适用于“长轴”并且适用于离散轴。您应该仔细阅读离散轴和连续轴之间的差异。

我刚刚阅读了配置选项。显然你可以通过ticks每个轴的选项。蜱虫是标记。您可以从数据中获取每个范围的最小值和最大值,然后将其以 1 整数间隔展开。

因此下面的should为您工作:

data = [[1,1],[2,3],[3,5],[4,8],[6,4],[7,2]]

x_values = data.map(&:first)
x_range = (x_values.min)..(x_values.max)

y_values = data.map(&:last)
y_range = (y_values.min)..(y_values.max)

library_options = {
  width: 600,
  hAxis: {ticks: x_range.to_a},
  vAxis: {ticks: y_range.to_a}
  # to_a because I don't know if Range is acceptable input
}

line_chart(data, {library: library_options})

如需更多选择,请查看Google Chart 折线图的配置选项 https://developers.google.com/chart/interactive/docs/gallery/linechart#Configuration_Options.

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

Rails Chartkick:只需要轴上的整数值。使用离散的还是其他的? 的相关文章

随机推荐

  • 如何在引用变量之前测试它是否已定义?

    我希望能够在访问变量之前测试变量是否已定义 我喜欢有一个指定 调试级别 的全局变量 如果调试级别为 0 则不会给出额外的输出 当大于 1 时 将给出调试输出 数字越大 输出越详细 我还想对其进行设置 以便程序能够运行 并假定级别为 0 如果
  • 如何以编程方式获取我的 LinkShare 商家域列表

    我想知道是否有一个 API 可以用来获取 LinkShare 商家域 URL 商户搜索端点仅返回他们的uid and name 根据 Linkshare 帮助文档 您可以获取程序中所有广告商的默认 URL 列表 通过连接两个 API 中的数
  • 单击外部时响应关闭模式

    我已经使用 React 创建了一个基本模态 没有任何库 它工作得很好 现在当我单击模态之外时 我想关闭模态 这里是实时预览 我的index js import React from react import ReactDOM from re
  • 实时更新标记

    我需要从 json 文件中获取新位置 该文 件将定期更新 以便在地图上更新它 而无需重复重新加载整个页面 不使用Ajax怎么办 if GBrowserIsCompatible add controls var map new GMap do
  • 自定义 CSS 属性是否使用一个或两个前导破折号?

    elem myCustom 99 OR elem myCustom 99 我在网上的示例中看到了以上两种用法 两者有什么区别 尝试访问 JavaScript 中的自定义属性返回 null elem myCustom 99 div some
  • AutoMapper 将源对象上的单个列表映射到目标对象上的两个列表

    我正在尝试使用 AutoMapper 从包含对象列表的域对象进行映射 其中我有一个布尔属性 我想使用 AutoMapper 用来将该列表拆分为目标对象上的两个目标的属性 我的基本域如下所示 来源 Domain object public c
  • 在文件名的扩展名之前插入字符串

    如何在图像文件名的扩展名之前插入字符串 例如 我需要转换这个 Course Assess Responsive Course 1 1 png to this Course Assess Responsive Course 1 1 large
  • 如何测量 scons 构建的每个组件的构建时间?

    我有一个使用 scons 构建的大型 C 项目 它的构建速度很慢 我想进行一些更改以使其构建速度更快 现在我想集中时间加速构建中最慢的部分 如何找出哪些文件的编译时间最长 我知道这个问题很旧 并且已经被接受 但最近从另一个问题中引用了它 我
  • 内联对齐 3 个 div

    我正在尝试将 3 个 div 彼此内联对齐 i have header width 100 height 160px 作为主容器 因此容器适合页面的宽度 100 then header left width 33 display inlin
  • 在SSIS数据流中动态创建表

    如何让 SSIS 数据流创建一个不存在的表 每次我尝试运行该包时 都会出现错误 指出目标表不存在 由于您希望包创建一个表然后填充它 因此您可以使用以下命令创建一个表 Execute SQL任务 只需为其提供创建表的脚本即可 如果您无法选择使
  • 检查Python中的整数溢出

    class Solution object def reverse self x type x int rtype int negative False if x lt 0 x x 1 negative True else x x sum
  • T --> IHandler 之间的映射

    我有以下界面 public interface IHandler
  • 如何获取管道另一端的pid?

    我想知道管道另一端的pid 如果是 Linux 我可以匹配 idls l proc SELF PID fd 0就像这些命令一样 root host command1 command2 I ve known command2 s PID 59
  • 如何删除 django 中的数据库表?

    我改变了模型并进行了迁移 然后我又更改了一次模型 当尝试 python manage py migrate 时出现错误 Operations to perform Apply all migrations admin auth conten
  • 404 - 请求的资源不可用。 (Spring-MVC)

    我对 Spring MVC 视图解析器不太熟悉 我试图从我的控制器返回一个 JSP 我的控制器方法正在正确执行 但是当返回视图时 我得到404 The requested resource is not available error 这是
  • Javascript / Nodejs 在 Nodejs 模块的顶层使用等待

    我尝试找到问题的解决方案 但找不到它 并且正在寻找一些 最佳实践示例 我有一个 Nodejs Express 应用程序 我的函数被分割在文件中 例如我有这个控制器 oktacontroller js var okta api key
  • IE 和 Firefox 中的按钮大小不相等

    我的 jsp 页面上有几个按钮 我使用的样式为 buttonblue background color 003366 border color 99CCFF color FFFFFF font family Verdana Arial He
  • 对如何处理 CORS OPTIONS 预检请求感到困惑

    我是跨源资源共享的新手 并试图让我的网络应用程序响应 CORS 请求 我的 web 应用程序是在 Tomcat 7 0 42 上运行的 Spring 3 2 应用程序 在我的 web 应用程序的 web xml 中 我启用了 Tomcat
  • IISExpress 8 无法读取配置文件redirection.config

    我正在使用 IISExpress8 运行 Windows Server 2008 R2 x64 当导航到 c Program Files x86 IIS Express gt iisexpress exe it says 文件名 重定向 c
  • Rails Chartkick:只需要轴上的整数值。使用离散的还是其他的?

    假设我有以下代码 使用 Chartkick 这会产生以下图表 我希望使用整数来标记垂直轴 不是小数 我认为discrete选项应该这样做 但对于这个例子 它所做的只是将水平轴上元素的格式从时间更改为数字 即以下代码 产生这个 所以我的问题是