Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/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_D3.js_Nvd3.js_Scatter Plot - Fatal编程技术网

Javascript 将散点图转换为折线图

Javascript 将散点图转换为折线图,javascript,d3.js,nvd3.js,scatter-plot,Javascript,D3.js,Nvd3.js,Scatter Plot,我有一个散点图,在nvd3中有太多的点,看起来像这样: 对于浏览器来说,渲染大量的点是一项计算量非常大的任务,因此我想使用我得到的[x,y]数据实际绘制一个nvd3lineChart。基本上,我想要图表上的颜色区域,而不是由单个点创建的颜色区域。有办法吗?你还能提出什么别的建议 我尝试了对我拥有的数据进行随机抽样,但我不喜欢,因为性能的改善是中等的,我真的在丢失数据。我建议使用Highcharts,它具有通过WebGL呈现图表系列的功能,而不是默认的SVG: 以下是一个片段,显示了一个

我有一个
散点图
,在
nvd3
中有太多的点,看起来像这样:

对于浏览器来说,渲染大量的点是一项计算量非常大的任务,因此我想使用我得到的[x,y]数据实际绘制一个
nvd3
lineChart
。基本上,我想要图表上的颜色区域,而不是由单个点创建的颜色区域。有办法吗?你还能提出什么别的建议


我尝试了对我拥有的数据进行随机抽样,但我不喜欢,因为性能的改善是中等的,我真的在丢失数据。

我建议使用Highcharts,它具有通过WebGL呈现图表系列的功能,而不是默认的SVG:

以下是一个片段,显示了一个散点图,其中包含5个系列,总计1000000分:

//准备数据
变量n=1000000/5,
i、 k,,
s=5;
var系列=[];
对于(k=0;k
#容器{
最小宽度:380;
最大宽度:600px;
保证金:0自动;
}


您是否尝试了其他库来验证数据点的性能?你的图表上有多少点?实际上只有
100000
,但高图不是免费的。。。是吗?是的,我们在项目中使用它。但是,请直接在其网站上查看条款