- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 D3.js 和 Scala 的新手。我正在尝试将 Scala.js facade 用于 D3.js,并且我想构建 HTML 表,如示例 here 所示。 .
任务的一部分是将指定的数据数组与当前选择结合起来。数组是二维 scala.scalajs.js.Array
。 Scala.js API 具有以下内容:
def data(): js.Array[Datum] = js.native
def data[NewDatum](data: js.Array[NewDatum]): Update[NewDatum] = js.native
def data[NewDatum](data: js.Array[NewDatum], key: js.ThisFunction2[Datum|NewDatum,js.UndefOr[NewDatum], Int, String]): Update[NewDatum] = js.native
def data[NewDatum <: Datum](data: js.Array[NewDatum], key: js.Function2[Datum, Int, String]): Update[NewDatum] = js.native
def data[NewDatum](data: DatumFunction[js.Array[NewDatum]], key: js.ThisFunction2[Datum|NewDatum,js.UndefOr[NewDatum], Int, String]): Update[NewDatum] = js.native
据我所知,我应该使用最后一种方法将数据作为 DatumFunction
,但我坚持:
val cells = rows.selectAll("td")
.data((selData: js.Array[String], i: Int, j: Int) => js.Array("1","2","3"), (d: String, i: Int) => d + "_" + i)
...
但是这段代码无法编译。如何解决?
更新:
有一个编译输出:
[error] Table.scala:56: overloaded method value data with alternatives:
[error] [NewDatum](data: scala.scalajs.js.Function3[SelData,Int,Int,scala.scalajs.js.Array[NewDatum]], key: scala.scalajs.js.ThisFunction2[scala.scalajs.js.|[SelData,NewDatum],scala.scalajs.js.UndefOr[NewDatum],Int,String])org.singlespaced.d3js.selection.Update[NewDatum] <and>
[error] [NewDatum <: SelData](data: scala.scalajs.js.Array[NewDatum], key: scala.scalajs.js.Function2[SelData,Int,String])org.singlespaced.d3js.selection.Update[NewDatum] <and>
[error] [NewDatum](data: scala.scalajs.js.Array[NewDatum], key: scala.scalajs.js.ThisFunction2[scala.scalajs.js.|[SelData,NewDatum],scala.scalajs.js.UndefOr[NewDatum],Int,String])org.singlespaced.d3js.selection.Update[NewDatum] <and>
[error] [NewDatum](data: scala.scalajs.js.Array[NewDatum])org.singlespaced.d3js.selection.Update[NewDatum] <and>
[error] ()scala.scalajs.js.Array[SelData]
[error] cannot be applied to ((scala.scalajs.js.Array[String], Int, Int) => scala.scalajs.js.Array[String], (String, Int) => String)
[error] .data((selData: js.Array[String], i: Int, j: Int) => js.Array("1","2","3"), (d: String, i: Int) => d + "_" + i)
[error] ^
[error] one error found
[error] (compile:compileIncremental) Compilation failed
更新 2:
我修改了代码:
val cells = rows.selectAll("td")
.data((d: js.Array[js.Array[String]]) => js.Array("1","2","3"), (x: Any, y: js.UndefOr[String], z: Int) => "test")
并且编译成功,但现在我的控制台出现 JS 错误:
Uncaught scala.scalajs.runtime.UndefinedBehaviorError: An undefined behavior was detected: undefined is not an instance of java.lang.Integer
$throwClassCastException @ scalajsenv.js:192
$asInt @ scalajsenv.js:620
$uI @ scalajsenv.js:651
(anonymous function) @ Ops.scala:45
Aa.data @ scala-js-tutorial-jsdeps.js:9209
$c_Ltutorial_webapp_Table$.drawTable__Lorg_singlespaced_d3js_Transition @ Ops.scala:45
$c_Ltutorial_webapp_Table$.main__V @ Table.scala:18
$c_Ltutorial_webapp_Table$.$$js$exported$meth$main__O @ JSApp.scala:18
$c_Ltutorial_webapp_Table$.main @ Table.scala:10
(anonymous function) @ scalajs-tutorial-fastopt.html:24
最佳答案
我用了scala-js-d3 .实际上,这是 0.3.0 版本的问题。
作者解析了一个 issue在版本 0.3.1 中给出了 example工作解决方案:
package example
import org.singlespaced.d3js.Ops._
import org.singlespaced.d3js.d3
import scala.scalajs.js
object ScalaJSExample extends js.JSApp {
def main(): Unit = {
/**
* Adapted from https://github.com/mbostock/d3/wiki/Selections#data
*/
val matrix = js.Array(
js.Array(11975, 5871, 8916, 2868),
js.Array( 1951, 10048, 2060, 6171),
js.Array( 8010, 16145, 8090, 8045),
js.Array( 1013, 990, 940, 6907)
)
val tr = d3.select("body").append("table").selectAll("tr")
.data(matrix)
.enter().append("tr")
println("hihi")
val td = tr.selectAll("td")
.data( (d:js.Array[Int]) => { println(d); d; } )
.enter().append("td")
.text( (d:Int) => d.toString)
}
}
关于javascript - 使用 Scala.js 中的 D3.js selection.data,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35553885/
只是想知道这些结构之间有什么区别(text、data、rodata、bss 等)在链接描述文件中: .data : { *(.data) } .data : { *(.data*) }
Data 定义为其核心功能之一 gfoldl : gfoldl :: (Data a) => (forall d b. Data d => c (d -> b) -> d -> c b)
以下之间有什么区别:data-sly-use、data-sly-resource、data-sly-include 和 数据-sly-模板?我正在阅读 Sightly AEM 上的文档,我非常困惑。
我有一个 Spring Boot、Spring Data JPA (hibernate) Web 应用程序,并且想引入文本搜索功能。 我理解以下内容 hibernate search 或 spring
我不知道我的代码有什么问题。我读了其他有同样问题的人的一些问题,但没有找到答案。当我尝试编译时出现以下错误: ||In function 'main':| |35|error: expected ex
我不太确定为什么会收到此错误或其含义。我的数据框称为“数据”。 library(dplyr) data %>% filter(Info==1, Male==1) %>% lm(CFL_
我一直在 GitHub 等更现代的网站上看到这些属性,它们似乎总是与自定义的弹出窗口一致,如 title 属性。 Option 1 Option 2 Option 3 Option 4 我在 HTML
如何用 iCloud Core Data 替换我现有的 Core Data?这是我的持久商店协调员: lazy var persistentStoreCoordinator: NSPersistent
我一直在 GitHub 等更现代的网站上看到这些属性,它们似乎总是与自定义的弹出窗口一致,如 title 属性。 Option 1 Option 2 Option 3 Option 4 我在 HTML
我正在通过 this project 在 Android 上摆弄 node.js ,我需要一种方法将 js 文件部署到私有(private)目录(以隐藏源代码,防止用户篡改),该目录也物理存在于文件系
大家好我有点沮丧,所以我希望得到一些帮助。我的项目在 SwiftUI 中。我想使用图像选择器将图像保存到 Core Data。我实现了让 ImagePicker 工作,但我正在努力转换 Image -
我有以下数据和代码: mydf grp categ condition value 1 A X P 2 2 B X P 5
我一直在努力解决这个问题,但我根本找不到任何解决问题的方法。希望这里有人可以提供帮助。 我正在尝试为具有以下结构的某些数据创建个人选择矩阵: # A tibble: 2,152 x 32 a
我了解 Data.Map.Lazy 和 Data.Map.Strict 是不同的。但是,当您导入 Data.Map 时,您究竟导入了什么:严格的、惰性的还是两者的组合? 最佳答案 懒人。看着docs
我正在开发一个 C 程序,用于从 BerkeleyDB DBTree 数据库中提取数据值与特定模式匹配的记录。我创建数据库,打开它,将键的 DBT 和数据的另一个 DBT 清零,将 DBT 标志设置为
所以我有以下成员(member)历史表 User_ID | Start date | End Date | Type(0-7) | ---------------------------
随着最近推出的包dataframe ,我认为是时候正确地对各种数据结构进行基准测试,并突出每种数据结构的优势。我不是每个人的不同优势的专家,所以我的问题是,我们应该如何对它们进行基准测试。 我尝试过的
我有来自 API 的数据,但无法将数组中的数据设置为 vue.js 中的 this.data这是来自 API 的数据(JSON) 你能告诉我这个语法吗 {"id":1613, "name_org":"
在 Vue.js到目前为止,我已经找到了两种定义数据的方法:data: {} 和 data() { return; }. data: { defaultLayout: 'default' }
我正在研究Spring Data Rest Services,并在自定义拦截器中遇到一些问题。之前我使用spring-data-rest-webmvc 2.2.0并以以下方式添加了拦截器。 publi
我是一名优秀的程序员,十分优秀!