Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 具有多列数据的凹坑多行_Javascript_Charts_Dimple.js - Fatal编程技术网

Javascript 具有多列数据的凹坑多行

Javascript 具有多列数据的凹坑多行,javascript,charts,dimple.js,Javascript,Charts,Dimple.js,如何制作包含多列数据的多折线图? 数据示例: var data75 = [{"d":1,'a1':50,'a2':70}, {"d":2,'a1':90,'a2':71}, {"d":3,'a1':40,'a2':90}, {"d":4,'a1':15,'a2':70}, {"d":5,'a1':150,'a2':60}, {"d":6,'a1':53,'a2':20}, {"d":7,'a1':59,'a2':40}, {"d":8,'a1':30,'a2':50}, {"d":9,'a1':

如何制作包含多列数据的多折线图?
数据示例:

var data75 = [{"d":1,'a1':50,'a2':70},
{"d":2,'a1':90,'a2':71},
{"d":3,'a1':40,'a2':90},
{"d":4,'a1':15,'a2':70},
{"d":5,'a1':150,'a2':60},
{"d":6,'a1':53,'a2':20},
{"d":7,'a1':59,'a2':40},
{"d":8,'a1':30,'a2':50},
{"d":9,'a1':70,'a2':77},
{"d":10,'a1':52,'a2':72},
{"d":11,'a1':56,'a2':10},
{"d":12,'a1':57,'a2':40},];
d=x轴
a1和a2=2个不同系列中的y轴

  • 创建SVG对象

    var svg = dimple.newSvg('#div', 400, 200);
    
  • 创建图形

    var chart = dimple.chart(svg, data75);
    chart.setBounds(20, 20, 360, 160);
    
  • 为图表创建/或指定轴

    var x = chart.addCategoryAxis("x", "x");
    var y1 = chart.addMeasureAxis("y", "a1");
    var y2 = chart.addMeasureAxis("y", "a2");
    
  • 添加系列(一对轴组成系列)

  • 绘制图表

    myChart.draw();
    
  • 创建SVG对象

    var svg = dimple.newSvg('#div', 400, 200);
    
  • 创建图形

    var chart = dimple.chart(svg, data75);
    chart.setBounds(20, 20, 360, 160);
    
  • 为图表创建/或指定轴

    var x = chart.addCategoryAxis("x", "x");
    var y1 = chart.addMeasureAxis("y", "a1");
    var y2 = chart.addMeasureAxis("y", "a2");
    
  • 添加系列(一对轴组成系列)

  • 绘制图表

    myChart.draw();
    

  • 你可能想先做些研究。然后写一些代码。嗯,调试,很好!看看吧,你可能想先做些研究。然后写一些代码。嗯,调试,很好!退房