组件使用
//components
<v-chart :options="polar" />
data() {
let data = [];
for (let i = 0; i <= 360; i++) {
let t = (i / 180) * Math.PI;
let r = Math.sin(2 * t) * Math.cos(2 * t);
data.push([r, i]);
}
return {
polar: {
title: {
text: "极坐标双数值轴"
},
legend: {
data: ["line"]
},
polar: {
center: ["50%", "54%"]
},
tooltip: {
trigger: "axis",
axisPointer: {
type: "cross"
}
},
angleAxis: {
type: "value",
startAngle: 0
},
radiusAxis: {
min: 0
},
series: [
{
coordinateSystem: "polar",
name: "line",
type: "line",
showSymbol: false,
data: data
}
],
animationDuration: 2000
},
},
参考:v-echarts https://v-charts.js.org/#/start
其他插件:https://blog.csdn.net/weixin_44388523/article/details/104769508