首页echarts 正态分布曲线

echarts 正态分布曲线

时间: 2023-09-25 16:06:15 浏览: 154

用Minitab画出漂亮的正态分布曲线.doc

要在 echarts 中绘制正态分布曲线，可以使用 echarts-stat 库。以下是一个简单的例子： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts 正态分布曲线</title> <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script> </head> <body> <div id="main" style="width: 600px;height:400px;"></div> <script> var data = []; for (var i = -3; i <= 3; i += 0.1) { data.push([i, echarts.number.round(echarts.stat.normalDistribution(i), 2)]); } var option = { title: { text: '正态分布曲线' }, tooltip: {}, xAxis: { name: 'x', type: 'value', splitLine: { lineStyle: { type: 'dashed' } } }, yAxis: { name: 'y', type: 'value', splitLine: { lineStyle: { type: 'dashed' } } }, series: [{ type: 'line', smooth: true, data: data }] }; var chart = echarts.init(document.getElementById('main')); chart.setOption(option); </script> </body> </html> ``` 这个例子使用 echarts-stat 库计算正态分布，然后通过 echarts 库绘制图表。其中，data 数组存储了正态分布曲线上的点，option 对象定义了图表的配置，包括标题、坐标轴、数据系列等。最后通过 echarts.init() 方法初始化图表，并通过 setOption() 方法设置配置项。

阅读全文