如何从 javascript 数组本身向图表 js 添加数据?

2024-02-18

我想用chart js http://www.chartjs.org/docs/在数据结构数据中,如果我给出的数字为

data : [40,80,5,190,56,55,40]工作正常。如果我给出一个数组变量或字符串变量来保存该数字,例如

 var myvalues = my_array.toString(); 
   alert(myvalues);

我得到变量和数组的 5,10,14,18。现在,当我将数组或字符串与图表数据一起使用时,如果我尝试如下所示,我将无法获取图表

data : [myvalues]

带有 barChartData 的完整代码

var barChartData = {
            labels: [description],
            datasets: [
                {
                    fillColor: "rgba(220,220,220,0.5)",
                    strokeColor: "rgba(220,220,220,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    stepValue: 1,
                    barShowStroke: false,
                    data: [myvalues]
                },
                {
                    fillColor: "rgba(151,187,205,0.5)",
                    strokeColor: "rgba(151,187,205,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    barShowStroke: false,
                    stepValue: 1,
                    data: [myvalues]
                }
            ]

        }

Here description是另一个保存有关标签信息的变量,这也不起作用。

如何将 javascript 数组或字符串中的数据和标签分配给图表 js?


你必须创建Array的,填充它们,并且只在对象内部键入数组名称,而不需要用[ and ]

Example:

var description = new Array();
description.push('a');
description.push('b');
var myvalues = new Array();
myvalues.push('c');
myvalues.push('d');
var barChartData = {
            labels: description,
            datasets: [
                {
                    fillColor: "rgba(220,220,220,0.5)",
                    strokeColor: "rgba(220,220,220,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    stepValue: 1,
                    barShowStroke: false,
                    data: myvalues
                },
                {
                    fillColor: "rgba(151,187,205,0.5)",
                    strokeColor: "rgba(151,187,205,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    barShowStroke: false,
                    stepValue: 1,
                    data: myvalues
                }
            ]

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

如何从 javascript 数组本身向图表 js 添加数据? 的相关文章

  • JS文件中的System.register是什么意思?

    在 Angular 2 中使用指令时 JS 文件中的 System register 是什么意思 我认为这个问题并不特定于 Angular2 中的指令 它是关于 ES6 TypeScript 和其他使用 SystemJS 的现代编译器的一般
  • 有没有办法在 React 中自动播放音频而不使用 onClick 事件?

    我在尝试在 componentDidMount 中播放音频时收到此错误 未捕获 承诺中 DOMException play 失败 因为用户没有先与文档交互 componentDidMount document getElementById
  • setTimeout范围问题

    我在控制玩家重生的函数内部定义了一个 setTimeout 我正在创建一个游戏 var player death function this alive false Console log death var timer3 setTimeo
  • iPhone 和 iPad 滚动结束

    我正在制作一些无限滚动的 jQuery 跨浏览器画廊 我工作得很好 但在 iPhone 上 我想也在 iPad 上 而不是相等的值 我有一些不成比例的值不匹配 window scrollTop document height window
  • 只保留 A-Z 0-9 并使用 javascript 从字符串中删除其他字符

    我正在尝试验证字符串以使它们成为有效的网址 我只需要保留 A Z 0 9 并使用以下命令从字符串中删除其他字符javascript or jquery 例如 贝儿餐厅 我需要将其转换为 百丽餐厅 所以字符被删除 只保留 A Z a z 0
  • Ajax 内容和 jQuery 动画效果

    我正在尝试使用 jQuery 动画效果为 WordPress 帖子制作 Ajax 内容 问题是第一个动画 在本例中 fadeOut 工作正常 但第二个 FadeIn 或我尝试使用的任何动画效果没有对新内容生效 加载的内容只是出现 没有任何效
  • jquery 中可点击 div 中的按钮

    我有整个 div 您可以单击它来切换该 div 的主要部分 问题是我在该 div 中也有可点击的按钮 当我点击它时 它会执行它应该做的事情 但同时也会切换整个 div 我怎样才能禁用它 Use event stopPropagation 单
  • JQuery $.ajax() 在 java servlet 中发布数据

    我想将数据发送到 java servlet 进行处理 数据将具有可变长度并采用键 值对 A1984 1 A9873 5 A1674 2 A8724 1 A3574 3 A1165 5 数据不需要这样格式化 这就是我现在的方式 var sav
  • 在 Chrome 开发者工具中禁用调试器语句

    我正在尝试对恶意 JavaScript 进行逆向工程 当我最初加载侧面时 会注入 JS 代码 其中包括 debugger 语句并将断点注入我的 chrome 开发人员控制台 通过stackoverflow阅读 禁用所有断点does not帮
  • ES6 静态方法引用 self? [复制]

    这个问题在这里已经有答案了 我有两节课 存储库和用户存储库 我想在 Repository 中定义一个静态方法 该方法在运行时调用 UserRepository 中的静态函数 有什么干净的方法可以做到这一点吗 class Repository
  • JavaScript 错误:MVC2 视图中的条件编译已关闭

    我试图在 MVC2 视图页面中单击时调用 JavaScript 函数 a href Select a JavaScript 函数 function SelectBenefit id code alert id alert code 这里 b
  • 在循环中调用 setTimeout 未按预期工作

    下面的 JavaScript 应该 在我看来 以 0 5 秒的间隔播放一系列音符 但它会将它们全部作为一个同时的和弦来演奏 知道如何修复它吗 function playRecording if notes length gt 0 for v
  • 如何在 Javascript 中连接 C# ActiveX 事件处理程序

    我尝试使用几个代码片段将 ActiveX 对象与 Javascript 事件处理程序挂钩 我无法确定为什么事件处理程序没有被调用 带有项目的 Github 存储库 https github com JesseKPhillips Csharp
  • Javascript等待/异步执行顺序

    所以我试图把我的头脑集中在 Promise await async 上 我不明白为什么当 go 执行时 带有 finished 的警报会紧随 console log coffee 之后 当所有函数都使用等待 承诺时 为什么它只等待 getC
  • 从请求url获取hash参数

    我有这样的网址 http www coolsite com daily plan id 1 http www coolsite com daily plan id 1解析该字符串并读取哈希值 id 之后的值 的最简单方法是什么 谢谢 在客户
  • 如何将项目插入到特定索引处的空数组中?

    我想将一个项目插入到空数组的指定索引中 我看到有 Array prototype splice 方法 但是 如果我在空数组上使用 splice 它只会添加项目来结束数组 如下所示 var a a splice 3 0 item 3 cons
  • 如何使用 Javascript OAuth 库不暴露您的密钥?

    看着Twitter OAuth 库 https dev twitter com docs twitter libraries 我看到了这个注释 将 JavaScript 与 OAuth 结合使用时要小心 不要暴露你的钥匙 然后 看着jsOA
  • Array.of 与“[ ]”。何时使用 Array.of 而不是“[ ]”?

    当我发现时我正在读一些书Array of https developer mozilla org en docs Web JavaScript Reference Global Objects Array of 根据 MDN Array o
  • javascript:完全删除top.location.hash?

    如果我的地址栏中已经有一个哈希值 例如domain com whatever 我打电话 top location hash wathever 被转换为domain com 没有任何内容 是否可以完全删除哈希值 所以没有 left 因为如果我
  • jQuery:如何正确使用 .stop() 函数?

    在本页面 http www arvag net old smsbox de http www arvag net old smsbox de 当您将鼠标悬停在 Informationen 和 ber ins 上时 它会显示一个子菜单 当您将

随机推荐

  • 在 Gulp 任务中获取相对源/目标

    假设我有一个文件 Users me app src scripts foo js 我设置了一个 gulp 任务 将该文件写入 Users me app dist scripts foo js gulp src src scripts foo
  • 将 google 字体 (fonts.googleapis.com) 添加到 CSP 标头

    我在 gitHub 页面上托管一个个人项目 并使用 cloudflare 强制执行 https 现在我想实施 CSP 政策 我尝试将元标记添加到页面的头部 但我收到以下错误 拒绝加载样式表 https fonts googleapis co
  • VB 按住按键

    我正在创建一个宏程序来记录和回放鼠标和键盘输入 录音效果很好 鼠标播放也很好 但我在播放键盘输入时遇到了麻烦 特别是在释放之前按住某个键几秒钟 这并不等同于重复按键 这是我尝试过的 技术 1 Me KeyDown Private Sub k
  • 从 ASP 脚本使用 dll 的最佳方法

    我正在编写一些 ASP 代码来服务来自公司 Intranet 上的简单 HTML 表单的请求 该代码需要从 COM dll 调用方法 我正在使用代码 myObject Server CreateObject myDLL myClass 但它
  • 简单语法:Alter Table 语句中的多个约束

    如果我有这样的声明 ALTER TABLE RecipeBox Recipe ADD CONSTRAINT AKRecipeBox Recipe Name UNIQUE NONCLUSTERED Name 如何向此语句添加另一个约束 这可能
  • 如何真正删除 VSTS / Azure-devops 上的提交

    我正在开发 VS 2017 我们有云 VSTS Azure devops 我最近提交并推送了 并意识到 8 个文件不应该在其中 之后我再次提交了一份干净的文件并推入远程 现在我可以在 VSTS 网站 portail 中看到这两个提交 问题是
  • 如何使用自定义 python 类型参数发出 PySide 信号?

    我在 PySide python Qt 程序中正确使用信号时遇到问题 我想发出一个信号 该信号采用自定义 python 类型的单个参数 这文档 http www pyside org docs pyside git newsigslot h
  • 删除行时平滑重新加载 uitableview 数据

    我试图在 uitableview 滚动到屏幕底部时重新加载它 我删除前几行并在底部添加更多行 Before新闻行被添加到 uitableview 的数据源中 我称之为 tableview reloaddata 方法 这是因为我希望表视图显示
  • 访问被拒绝:hyperledger Fabric Channel.initialize()

    我正在使用 java sdk 并在初始化通道时遇到错误 Channel mychannel fabClient getInstance newChannel Config CHANNEL NAME Orderer orderer fabCl
  • 在 C++ 中将字符串转换为短字符串

    因此 我四处寻找如何将字符串转换为短整型 并发现了很多有关如何将字符串转换为整数的信息 我会留下一个问题作为对这些线程的评论 但我没有足够的声誉 所以 我想做的是将字符串转换为短字符串 因为数字永远不应该超过三或低于零 并且短字符串可以节省
  • Angular/JavaScript 中 result.id 和 result['id'] 之间的区别?

    我想知道 Angular JavaScript 中的 result id 和 result id 有什么区别 如果我输入 getId this service getId subscribe result gt var i result i
  • Java Bean 作为数据存储类是糟糕的设计吗?

    通常 JavaPractices com 是一个有好想法的好网站 但这个网站让我很困扰 JavaBean 很糟糕 http www javapractices com topic TopicAction do jsessionid 0F0A
  • 日期格式为 dd/MM/yy 的 DateTime.TryParseExact 或 Convert.ToDateTime() 的范围是多少

    我想知道 DateTime TryParseExact 方法或 Convert ToDateTime 以 dd MM yy 作为输入格式的范围 喜欢 DateTime TryParseExact 01 07 05 dd MM yy new
  • ForEach() 方法中的异步 lambda 是如何处理的?

    我们在产品中遇到了一个错误 并将其简化为以下问题 给定一个列表并使用异步 lambda 调用 ForEach Extension 方法 预期的输出顺序是什么 public static async Task Main var strings
  • 如何使包含 numpy 数组的元组可哈希?

    使 numpy 数组可哈希的一种方法是将其设置为只读 这在过去对我有用 但是当我在元组中使用这样的 numpy 数组时 整个元组不再是可散列的 我不明白 这是我为了说明问题而整理的示例代码 import numpy as np npArra
  • 控制导出图表的分辨率

    我有一个 Excel 用户窗体 它允许您将某个工作表中的 Excel 图表保存到 jpg 图像 同时在用户窗体中显示该图表 然而我发现很难控制所述图像的分辨率 分辨率似乎取决于工作表上的缩放量 当我放大时 我会得到高质量的图像 而当我缩小时
  • ModuleNotFoundError:没有名为“keras_preprocessing”的模块

    我正在尝试使用 google colab 上的tensorflow 2 0 实现 YOLO3 对象检测 https github com theAIGuysCode Object Detection API https github com
  • Kubernetes:我如何知道我在哪个节点上?

    如果我 ssh 到 Kubernetes 节点 如何找出该节点的 UUID 以便可以查询主 API 以获取特定于该节点的信息 到目前为止尝试过这个 root 13020 2 5 1 0 410112 41660 Ssl Jan25 26 0
  • make 不支持反引号符号吗?

    Scenario 我在尝试将命令中的值分配给 makefile 中的变量时遇到了一些麻烦 使用反引号表示法似乎工作得很好 但是一旦我使用更现代的 pwd 表示法 变量的值不返回任何内容 cat Makefile FOO moo BAR pw
  • 如何从 javascript 数组本身向图表 js 添加数据?

    我想用chart js http www chartjs org docs 在数据结构数据中 如果我给出的数字为 data 40 80 5 190 56 55 40 工作正常 如果我给出一个数组变量或字符串变量来保存该数字 例如 var m