js echart 绘图weierstrass函数
时间: 2024-01-07 14:04:55 浏览: 27
Weierstrass函数是一种连续但处处不可导的函数。在JavaScript中,可以使用ECharts库来绘制Weierstrass函数。下面是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>绘制Weierstrass函数</title>
<!-- 引入ECharts库 -->
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
</head>
<body>
<!-- 用一个div来显示图表 -->
<div id="chart" style="width: 800px;height: 600px;"></div>
<script>
// 定义Weierstrass函数
function weierstrass(x) {
var a = 0.5; // a取0.5
var b = 3; // b取3
var n = 10; // n取10
var sum = 0;
for (var i = 0; i < n; i++) {
sum += Math.pow(a, i) * Math.cos(Math.pow(b, i) * Math.PI * x);
}
return sum;
}
// 定义x轴数据
var xData = [];
for (var i = -5; i <= 5; i += 0.01) {
xData.push(i);
}
// 定义y轴数据
var yData = [];
for (var i = 0; i < xData.length; i++) {
yData.push(weierstrass(xData[i]));
}
// 基于ECharts准备一个具备大小(宽高)的容器
var myChart = echarts.init(document.getElementById('chart'));
// 指定图表的配置项和数据
var option = {
title: {
text: 'Weierstrass函数'
},
tooltip: {},
xAxis: {
type: 'value',
boundaryGap: false
},
yAxis: {
type: 'value',
boundaryGap: false
},
series: [{
type: 'line',
data: yData
}]
};
// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);
</script>
</body>
</html>
```
在这个例子中,我们定义了Weierstrass函数,并使用它计算了x轴和y轴的数据。然后,我们使用ECharts库创建了一个图表,并将数据传递给它。最后,我们在网页中显示了这个图表。
如果你将这个代码片段复制到一个HTML文件中并在浏览器中打开它,你将看到一个绘制了Weierstrass函数的图表。注意,该函数是连续的但处处不可导的,因此图表中的曲线是非常奇怪的。