Question

我试图为C3.js line chart写一个外观。

我试图生成的Javascript代码是

var chart = c3.generate({
    data: {
        json: {
            "data1": [49.1, 20, 50, 40, 60, 50],
            "data2": [200.3, 130, 90, 240, 130, 220],
            "data3": [300.88, 200, 160, 400, 250, 250]
        }
    }
});

这就是我调用我写过的门面

的方式

C3Chart.generate(scope.props.data)

问题是我无法转换C3MyChartDataset类中的apply方法来返回json对象以发出此对象

 json: {
        "data1": [49.1, 20, 50, 40, 60, 50],
        "data2": [200.3, 130, 90, 240, 130, 220],
        "data3": [300.88, 200, 160, 400, 250, 250]
    }

如何在Scala-js中将Map转换为JSON对象？

@JSName("c3")
object C3Chart extends js.Object {
  def generate(data: MyChartData): js.Dynamic = js.native
}

trait C3MyChartDataset extends js.Object {
  def json: js.Object = js.native
}

object C3MyChartDataset {
  def apply(data: Map[String, Array[Double]]): C3MyChartDataset = {
    js.Dynamic.literal(
      json = data //I need to convert this into an object
    ).asInstanceOf[C3MyChartDataset]
  }
}

trait MyChartData extends js.Object {
  def data: js.Object = js.native
}

object MyChartData {
  def apply(datasets: C3MyChartDataset): MyChartData = {
    js.Dynamic.literal(
      data = datasets
    ).asInstanceOf[MyChartData]
  }
}

更新：我尝试使用toJSDictionary将其转换为Dictionary对象。（json = data.toJSDictionary）。但这仍然不会产生图表。使用toJSDictionary生成的Javascript对象是

data: Object
    json: Object
        Data1: $TypeData.initArray.ArrayClass
           u: Array[6]
           0: 30.1
           1: 200.1
           2: 100.1
           3: 400.1
           4: 150.1
           5: 250.1

Answer 1

json对象的类型基本上是一个字典，其值是数字数组。转换为Scala.js类型，即

js.Dictionary[js.Array[Double]]

您可以使用

将data类型Map[String, Array[Double]]转换为该类型

data.mapValues(_.toJSArray).toJSDictionary

Answer 2

假设我的上述问题是正确的，您可能需要js.Dictionary - 这是您通常认为是名称/值对的普通JavaScript对象的Scala.js表示。请注意，它有一个（String，A）*构造函数，很容易从Map转换。

如何在Scala.js中将Map转换为Json对象？

2 个答案: