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:
//准备数据
变量n=1000000/5,
i、 k,,
s=5;
var系列=[];
对于(k=0;k
#容器{
最小宽度:380;
最大宽度:600px;
保证金:0自动;
}
您是否尝试了其他库来验证数据点的性能?你的图表上有多少点?实际上只有100000
,但高图不是免费的。。。是吗?是的,我们在项目中使用它。但是,请直接在其网站上查看条款