首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >javascript显示“而不是双调”

javascript显示“而不是双调”
EN

Stack Overflow用户
提问于 2021-07-06 07:16:46
回答 1查看 51关注 0票数 0

我想用javascript在我的页面上显示一个线条图。显示图表的示例代码如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
new Chartist.Line('#chart-with-area', {
  labels: ["d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8"],
  series: [
    [5, 9, 7, 8, 5, 3, 5, 4]
  ]
}, {
  low: 0,
  showArea: true,
  plugins: [
    Chartist.plugins.tooltip()
  ]
});

我正在使用laravel框架,我需要将数据从php发送到javascript。

我创建了两个数组,一个用于标签,另一个用于数据。

问题是,当我为标签添加数组时,我面临以下错误

htmlspecialchars():参数#1 ($string)必须是字符串类型,数组给定

当我发送json时,javascript会更改双quot

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
new Chartist.Line('#chart-with-area', {
                labels: ["2021\/7\/5","2018\/11\/17","2019\/1\/8","2018\/10\/25","2019\/4\/9","2018\/11\/18","2019\/3\/11","2019\/1\/3","2019\/1\/5","2018\/12\/17","2021\/5\/25","2018\/12\/31"],
                series: [[1,1,1,1,1,1,1,3,1,1,2,6]]
            }, {
                low: 0,
                showArea: true,
                plugins: [
                    Chartist.plugins.tooltip()
                ]
            });

这是我的代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
new Chartist.Line('#chart-with-area', {
            labels: {{json_encode($requestLineChartLabel)}},
            series: [{{json_encode($requestLineChartData,JSON_NUMERIC_CHECK)}}]
        }, {
            low: 0,
            showArea: true,
            plugins: [
                Chartist.plugins.tooltip()
            ]
        });

我找了很多次,但找不到任何解决办法。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-07-06 07:20:34

如果使用的是Laravel 7或更高版本,则可以使用@json刀片指令正确地输出json:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
labels: @json($requestLineChartLabel),
series: [@json($requestLineChartData,JSON_NUMERIC_CHECK)]

只需确保这些变量已经不是json,否则您将对其进行双重编码。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68273179

复制
相关文章
老王,怎么完整SQL的显示日志,而不是???...
在常规项目的开发中可能最容易出问题的地方就在于对数据库的处理了,在大部分的环境下,我们对数据库的操作都是使用流行的框架,比如 Hibernate 、 MyBatis 等。
用户5224393
2019/10/16
1.4K0
大数据显示:妹子嫁的是房子,而不是你
近期一篇网络热文中,一线城市相亲角代儿女征婚的大爷大妈们也抛出了“连房都没有,也敢来相亲?”这样的反问,那么像电视剧《裸婚时代》中刘易阳和童佳倩在没有房子、车子的情况下,冲破双方父母的重重阻拦、勇敢裸
BestSDK
2018/03/01
1.1K0
大数据显示:妹子嫁的是房子,而不是你
2021 最 Top 的编程语言是 Python,而不是 JavaScript?
近日,IEEE Spectrum 发布了 2021 年度编程语言排行榜,其综合排行榜显示,前五名依次是 Python、Java、C、C++ 和 JavaScript。 排行榜依然涵盖 4 种不同类型的编程语言,分别是用于开发网站和应用的语言(Web),用于企业、桌面和科学应用的语言(Enterprise),用于移动设备端的语言(Mobile)以及用于嵌入式环境的语言(Embedded)。
深度学习与Python
2021/09/22
8530
何时使用MongoDB而不是MySql
MySQL 和 MongoDB 是两个可用于存储和管理数据的数据库管理系统。MySQL 是一个关系数据库系统,以结构化表格格式存储数据。相比之下,MongoDB 以更灵活的格式将数据存储为 JSON 文档。两者都提供性能和可扩展性,但它们为不同的应用场景提供了更好的性能。
wayn
2023/08/09
1K0
何时使用MongoDB而不是MySql
何时使用Kafka而不是RabbitMQ
Kafka 和 RabbitMQ 都是流行的开源消息系统,它们可以在分布式系统中实现数据的可靠传输和处理。Kafka 和 RabbitMQ 有各自的优势和特点,它们适用于不同的场景和需求。本文将比较 Kafka 和 RabbitMQ 的主要区别,并分析何时使用 Kafka 而不是 RabbitMQ。
wayn
2023/06/26
3600
何时使用Kafka而不是RabbitMQ
何时使用Elasticsearch而不是MySql
MySQL 和 Elasticsearch 是两种不同的数据管理系统,它们各有优劣,适用于不同的场景
wayn
2023/08/28
3130
何时使用Elasticsearch而不是MySql
何时使用Kafka而不是RabbitMQ
Kafka 和 RabbitMQ 都是流行的开源消息系统,它们可以在分布式系统中实现数据的可靠传输和处理。Kafka 和 RabbitMQ 有各自的优势和特点,它们适用于不同的场景和需求。本文将比较 Kafka 和 RabbitMQ 的主要区别,并分析何时使用 Kafka 而不是 RabbitMQ。
wayn
2023/08/28
2640
何时使用Kafka而不是RabbitMQ
何时使用Elasticsearch而不是MySql
MySQL 和 Elasticsearch 是两种不同的数据管理系统,它们各有优劣,适用于不同的场景。本文将从以下几个方面对它们进行比较和分析:
wayn
2023/08/09
6990
何时使用Elasticsearch而不是MySql
做产品经理而不是功能经理
产品经理是个很奇怪的岗位,好像大多数人都能做,因为每个人对某个产品都有自己的看法,都能提出一些意见和想法,甚至能设计实现原理;也好像大多数人都做不好产品经理,因为互联网上成千上万个产品,大部分是垃圾,
用户1756920
2018/06/20
1.1K0
android推荐使用dialogFrament而不是alertDialog
DialogFragment在android 3.0时被引入。是一种特殊的Fragment,用于在Activity的内容之上展示一个模态的对话框。典型的用于:展示警告框,输入框,确认框等等。 在DialogFragment产生之前,我们创建对话框:一般采用AlertDialog和Dialog。注:官方不推荐直接使用Dialog创建对话框。 2、 好处与用法 使用DialogFragment来管理对话框,当旋转屏幕和按下后退键时可以更好的管理其声明周期,它和Fragment有着基本一致的声明周期。且Dia
xiangzhihong
2018/01/29
2.4K0
android推荐使用dialogFrament而不是alertDialog
WideNet:让网络更宽而不是更深
这是新加坡国立大学在2022 aaai发布的一篇论文。WideNet是一种参数有效的框架,它的方向是更宽而不是更深。通过混合专家(MoE)代替前馈网络(FFN),使模型沿宽度缩放。使用单独LN用于转换各种语义表示,而不是共享权重。
deephub
2023/08/30
2210
WideNet:让网络更宽而不是更深
云原生关乎文化,而不是容器
本文译自 Cloud-Native Is about Culture, Not Containers[1],文章洋洋洒洒上万字,作者总结了她见过的云原生失败的各种经验教训,还用生动的示例说明了什么不是云原生。译者是在周末闲暇时间仓促间翻译的,其中难免有不当之处,请读者指正。译者:宋净超(Jimmy Song)
xcbeyond
2021/04/02
5050
java环境配置——cmd命令行输入java正常显示而javac则显示不是内部或者外部命令[通俗易懂]
重装系统之后第二发,配置pycharm,意料之外的错误,启动的时候竟然要求配置jdk,瞬时蒙蔽,不记得之前有这么一出啊,上图:
全栈程序员站长
2022/09/01
9570
JavaScript回调函数
JavaScript API里这样解释:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. (回调是一个函数作为参数传递给另一个函数,其母函数完成后执行。) 使用回调函数的原因:可以把调用者与被调用者分开。调用者不关心谁是被调用者,所有它需知道的,只是存在一个具有某种特定原型、某些限制条件(如返回值为int)的被调用函数。
奋飛
2019/08/15
2.3K0
JavaScript回调函数
JavaScript中的回调函数是一种特殊类型的函数,它被传递给其他函数作为参数,并在特定的事件或条件发生时被调用。回调函数用于处理异步操作、事件处理、定时器等情况,以确保代码在合适的时机执行。在JavaScript中,回调函数常用于处理非阻塞的操作,以避免程序的停顿和等待。
堕落飞鸟
2023/05/17
2.5K0
JavaScript回调函数
JavaScript的回调函数大概是JavaScript中使用最广泛的函数编程技术了,我们几乎可以在任何脚本中看到它的身影。
wade
2020/04/23
1.6K0
javaScript回调函数
回调函数,或简称回调,是指通过函数参数传递到其它代码的,某一块可执行代码的引用。这一设计允许了底层代码调用在高层定义的子程序。
用户6167509
2019/09/04
3.6K1
JavaScript 回调函数
函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回;
鱼找水需要时间
2023/02/16
2.8K0
Spring Boot 容器选择 Undertow 而不是 Tomcat
Spring Boot内嵌容器支持Tomcat、Jetty、Undertow。为什么选择Undertow?
lyb-geek
2022/03/09
1.9K0
使用HSB而不是RGB来定义颜色
有多种方法可以在代码中定义颜色。最常用的方法是指定三种基色的值 - 红色、绿色和蓝色 (RGB)。本文通过指定色调、饱和度和亮度 (HSB) 的值来探索替代机制的使用。可以以更直观的方式使用 HSB 属性来创建颜色搭配良好的调色板。
韦弦zhy
2023/01/06
2.7K0
使用HSB而不是RGB来定义颜色

相似问题

Javascript删除单个空格而不是双空格

34

OpenCV Trackbar -显示双值而不是int

34

DataGridView显示整数而不是双精度值

21

If else语句来显示文本,而不是双精度

20

Javascript显示代码而不是执行

19
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文