G2
G2
G6
F2
L7
墨者学院
关于 G2
图表示例
API 文档
使用教程
English
折线图
基础折线图
双折线图
多折线图
其他折线图
条形图
分组条形图
堆叠条形图
基础条形图
柱状图
基础柱状图
分组柱状图
堆叠柱状图
直方图
饼图
环图
玫瑰图
基础饼图
嵌套饼图
点图
散点图
面积图
基础面积图
堆叠面积图
区间面积图
箱形图
箱型图
烛形图
烛形图
热力图
热力图
仪表盘
仪表盘
漏斗图
漏斗图
地图
地图
雷达图
雷达图
分面
分面
关系图
关系图
其他图表
其他
迷你图
组件使用
组件
雷达图
雷达图复杂曲线
Radar Chart，基础雷达图
源码
复制成功
复制失败
全屏
复制
运行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height"> <title>雷达图复杂曲线</title> <style>::-webkit-scrollbar{display:none;}html,body{overflow:hidden;height:100%;margin:0;}</style> </head> <body> <div id="mountNode"></div> <script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script> <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.5.1/dist/g2.min.js"></script> <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.10.1/dist/data-set.min.js"></script> <script> var data = [{ "x": 0, "y": 0 }, { "x": 1, "y": 0.0785 }, { "x": 2, "y": 0.1568 }, { "x": 3, "y": 0.2347 }, { "x": 4, "y": 0.3119 }, { "x": 5, "y": 0.3882 }, { "x": 6, "y": 0.4635 }, { "x": 7, "y": 0.5376 }, { "x": 8, "y": 0.6101 }, { "x": 9, "y": 0.681 }, { "x": 10, "y": 0.75 }, { "x": 11, "y": 0.817 }, { "x": 12, "y": 0.8817 }, { "x": 13, "y": 0.944 }, { "x": 14, "y": 1.0037 }, { "x": 15, "y": 1.0607 }, { "x": 16, "y": 1.1147 }, { "x": 17, "y": 1.1657 }, { "x": 18, "y": 1.2135 }, { "x": 19, "y": 1.258 }, { "x": 20, "y": 1.299 }, { "x": 21, "y": 1.3365 }, { "x": 22, "y": 1.3703 }, { "x": 23, "y": 1.4004 }, { "x": 24, "y": 1.4266 }, { "x": 25, "y": 1.4489 }, { "x": 26, "y": 1.4672 }, { "x": 27, "y": 1.4815 }, { "x": 28, "y": 1.4918 }, { "x": 29, "y": 1.4979 }, { "x": 30, "y": 1.5 }, { "x": 31, "y": 1.4979 }, { "x": 32, "y": 1.4918 }, { "x": 33, "y": 1.4815 }, { "x": 34, "y": 1.4672 }, { "x": 35, "y": 1.4489 }, { "x": 36, "y": 1.4266 }, { "x": 37, "y": 1.4004 }, { "x": 38, "y": 1.3703 }, { "x": 39, "y": 1.3365 }, { "x": 40, "y": 1.299 }, { "x": 41, "y": 1.258 }, { "x": 42, "y": 1.2135 }, { "x": 43, "y": 1.1657 }, { "x": 44, "y": 1.1147 }, { "x": 45, "y": 1.0607 }, { "x": 46, "y": 1.0037 }, { "x": 47, "y": 0.944 }, { "x": 48, "y": 0.8817 }, { "x": 49, "y": 0.817 }, { "x": 50, "y": 0.75 }, { "x": 51, "y": 0.681 }, { "x": 52, "y": 0.6101 }, { "x": 53, "y": 0.5376 }, { "x": 54, "y": 0.4635 }, { "x": 55, "y": 0.3882 }, { "x": 56, "y": 0.3119 }, { "x": 57, "y": 0.2347 }, { "x": 58, "y": 0.1568 }, { "x": 59, "y": 0.0785 }, { "x": 60, "y": 0 }, { "x": 61, "y": 0.0785 }, { "x": 62, "y": 0.1568 }, { "x": 63, "y": 0.2347 }, { "x": 64, "y": 0.3119 }, { "x": 65, "y": 0.3882 }, { "x": 66, "y": 0.4635 }, { "x": 67, "y": 0.5376 }, { "x": 68, "y": 0.6101 }, { "x": 69, "y": 0.681 }, { "x": 70, "y": 0.75 }, { "x": 71, "y": 0.817 }, { "x": 72, "y": 0.8817 }, { "x": 73, "y": 0.944 }, { "x": 74, "y": 1.0037 }, { "x": 75, "y": 1.0607 }, { "x": 76, "y": 1.1147 }, { "x": 77, "y": 1.1657 }, { "x": 78, "y": 1.2135 }, { "x": 79, "y": 1.258 }, { "x": 80, "y": 1.299 }, { "x": 81, "y": 1.3365 }, { "x": 82, "y": 1.3703 }, { "x": 83, "y": 1.4004 }, { "x": 84, "y": 1.4266 }, { "x": 85, "y": 1.4489 }, { "x": 86, "y": 1.4672 }, { "x": 87, "y": 1.4815 }, { "x": 88, "y": 1.4918 }, { "x": 89, "y": 1.4979 }, { "x": 90, "y": 1.5 }, { "x": 91, "y": 1.4979 }, { "x": 92, "y": 1.4918 }, { "x": 93, "y": 1.4815 }, { "x": 94, "y": 1.4672 }, { "x": 95, "y": 1.4489 }, { "x": 96, "y": 1.4266 }, { "x": 97, "y": 1.4004 }, { "x": 98, "y": 1.3703 }, { "x": 99, "y": 1.3365 }, { "x": 100, "y": 1.299 }, { "x": 101, "y": 1.258 }, { "x": 102, "y": 1.2135 }, { "x": 103, "y": 1.1657 }, { "x": 104, "y": 1.1147 }, { "x": 105, "y": 1.0607 }, { "x": 106, "y": 1.0037 }, { "x": 107, "y": 0.944 }, { "x": 108, "y": 0.8817 }, { "x": 109, "y": 0.817 }, { "x": 110, "y": 0.75 }, { "x": 111, "y": 0.681 }, { "x": 112, "y": 0.6101 }, { "x": 113, "y": 0.5376 }, { "x": 114, "y": 0.4635 }, { "x": 115, "y": 0.3882 }, { "x": 116, "y": 0.3119 }, { "x": 117, "y": 0.2347 }, { "x": 118, "y": 0.1568 }, { "x": 119, "y": 0.0785 }, { "x": 120, "y": 0 }, { "x": 121, "y": 0.0785 }, { "x": 122, "y": 0.1568 }, { "x": 123, "y": 0.2347 }, { "x": 124, "y": 0.3119 }, { "x": 125, "y": 0.3882 }, { "x": 126, "y": 0.4635 }, { "x": 127, "y": 0.5376 }, { "x": 128, "y": 0.6101 }, { "x": 129, "y": 0.681 }, { "x": 130, "y": 0.75 }, { "x": 131, "y": 0.817 }, { "x": 132, "y": 0.8817 }, { "x": 133, "y": 0.944 }, { "x": 134, "y": 1.0037 }, { "x": 135, "y": 1.0607 }, { "x": 136, "y": 1.1147 }, { "x": 137, "y": 1.1657 }, { "x": 138, "y": 1.2135 }, { "x": 139, "y": 1.258 }, { "x": 140, "y": 1.299 }, { "x": 141, "y": 1.3365 }, { "x": 142, "y": 1.3703 }, { "x": 143, "y": 1.4004 }, { "x": 144, "y": 1.4266 }, { "x": 145, "y": 1.4489 }, { "x": 146, "y": 1.4672 }, { "x": 147, "y": 1.4815 }, { "x": 148, "y": 1.4918 }, { "x": 149, "y": 1.4979 }, { "x": 150, "y": 1.5 }, { "x": 151, "y": 1.4979 }, { "x": 152, "y": 1.4918 }, { "x": 153, "y": 1.4815 }, { "x": 154, "y": 1.4672 }, { "x": 155, "y": 1.4489 }, { "x": 156, "y": 1.4266 }, { "x": 157, "y": 1.4004 }, { "x": 158, "y": 1.3703 }, { "x": 159, "y": 1.3365 }, { "x": 160, "y": 1.299 }, { "x": 161, "y": 1.258 }, { "x": 162, "y": 1.2135 }, { "x": 163, "y": 1.1657 }, { "x": 164, "y": 1.1147 }, { "x": 165, "y": 1.0607 }, { "x": 166, "y": 1.0037 }, { "x": 167, "y": 0.944 }, { "x": 168, "y": 0.8817 }, { "x": 169, "y": 0.817 }, { "x": 170, "y": 0.75 }, { "x": 171, "y": 0.681 }, { "x": 172, "y": 0.6101 }, { "x": 173, "y": 0.5376 }, { "x": 174, "y": 0.4635 }, { "x": 175, "y": 0.3882 }, { "x": 176, "y": 0.3119 }, { "x": 177, "y": 0.2347 }, { "x": 178, "y": 0.1568 }, { "x": 179, "y": 0.0785 }, { "x": 180, "y": 0 }, { "x": 181, "y": 0.0785 }, { "x": 182, "y": 0.1568 }, { "x": 183, "y": 0.2347 }, { "x": 184, "y": 0.3119 }, { "x": 185, "y": 0.3882 }, { "x": 186, "y": 0.4635 }, { "x": 187, "y": 0.5376 }, { "x": 188, "y": 0.6101 }, { "x": 189, "y": 0.681 }, { "x": 190, "y": 0.75 }, { "x": 191, "y": 0.817 }, { "x": 192, "y": 0.8817 }, { "x": 193, "y": 0.944 }, { "x": 194, "y": 1.0037 }, { "x": 195, "y": 1.0607 }, { "x": 196, "y": 1.1147 }, { "x": 197, "y": 1.1657 }, { "x": 198, "y": 1.2135 }, { "x": 199, "y": 1.258 }, { "x": 200, "y": 1.299 }, { "x": 201, "y": 1.3365 }, { "x": 202, "y": 1.3703 }, { "x": 203, "y": 1.4004 }, { "x": 204, "y": 1.4266 }, { "x": 205, "y": 1.4489 }, { "x": 206, "y": 1.4672 }, { "x": 207, "y": 1.4815 }, { "x": 208, "y": 1.4918 }, { "x": 209, "y": 1.4979 }, { "x": 210, "y": 1.5 }, { "x": 211, "y": 1.4979 }, { "x": 212, "y": 1.4918 }, { "x": 213, "y": 1.4815 }, { "x": 214, "y": 1.4672 }, { "x": 215, "y": 1.4489 }, { "x": 216, "y": 1.4266 }, { "x": 217, "y": 1.4004 }, { "x": 218, "y": 1.3703 }, { "x": 219, "y": 1.3365 }, { "x": 220, "y": 1.299 }, { "x": 221, "y": 1.258 }, { "x": 222, "y": 1.2135 }, { "x": 223, "y": 1.1657 }, { "x": 224, "y": 1.1147 }, { "x": 225, "y": 1.0607 }, { "x": 226, "y": 1.0037 }, { "x": 227, "y": 0.944 }, { "x": 228, "y": 0.8817 }, { "x": 229, "y": 0.817 }, { "x": 230, "y": 0.75 }, { "x": 231, "y": 0.681 }, { "x": 232, "y": 0.6101 }, { "x": 233, "y": 0.5376 }, { "x": 234, "y": 0.4635 }, { "x": 235, "y": 0.3882 }, { "x": 236, "y": 0.3119 }, { "x": 237, "y": 0.2347 }, { "x": 238, "y": 0.1568 }, { "x": 239, "y": 0.0785 }, { "x": 240, "y": 0 }, { "x": 241, "y": 0.0785 }, { "x": 242, "y": 0.1568 }, { "x": 243, "y": 0.2347 }, { "x": 244, "y": 0.3119 }, { "x": 245, "y": 0.3882 }, { "x": 246, "y": 0.4635 }, { "x": 247, "y": 0.5376 }, { "x": 248, "y": 0.6101 }, { "x": 249, "y": 0.681 }, { "x": 250, "y": 0.75 }, { "x": 251, "y": 0.817 }, { "x": 252, "y": 0.8817 }, { "x": 253, "y": 0.944 }, { "x": 254, "y": 1.0037 }, { "x": 255, "y": 1.0607 }, { "x": 256, "y": 1.1147 }, { "x": 257, "y": 1.1657 }, { "x": 258, "y": 1.2135 }, { "x": 259, "y": 1.258 }, { "x": 260, "y": 1.299 }, { "x": 261, "y": 1.3365 }, { "x": 262, "y": 1.3703 }, { "x": 263, "y": 1.4004 }, { "x": 264, "y": 1.4266 }, { "x": 265, "y": 1.4489 }, { "x": 266, "y": 1.4672 }, { "x": 267, "y": 1.4815 }, { "x": 268, "y": 1.4918 }, { "x": 269, "y": 1.4979 }, { "x": 270, "y": 1.5 }, { "x": 271, "y": 1.4979 }, { "x": 272, "y": 1.4918 }, { "x": 273, "y": 1.4815 }, { "x": 274, "y": 1.4672 }, { "x": 275, "y": 1.4489 }, { "x": 276, "y": 1.4266 }, { "x": 277, "y": 1.4004 }, { "x": 278, "y": 1.3703 }, { "x": 279, "y": 1.3365 }, { "x": 280, "y": 1.299 }, { "x": 281, "y": 1.258 }, { "x": 282, "y": 1.2135 }, { "x": 283, "y": 1.1657 }, { "x": 284, "y": 1.1147 }, { "x": 285, "y": 1.0607 }, { "x": 286, "y": 1.0037 }, { "x": 287, "y": 0.944 }, { "x": 288, "y": 0.8817 }, { "x": 289, "y": 0.817 }, { "x": 290, "y": 0.75 }, { "x": 291, "y": 0.681 }, { "x": 292, "y": 0.6101 }, { "x": 293, "y": 0.5376 }, { "x": 294, "y": 0.4635 }, { "x": 295, "y": 0.3882 }, { "x": 296, "y": 0.3119 }, { "x": 297, "y": 0.2347 }, { "x": 298, "y": 0.1568 }, { "x": 299, "y": 0.0785 }, { "x": 300, "y": 0 }, { "x": 301, "y": 0.0785 }, { "x": 302, "y": 0.1568 }, { "x": 303, "y": 0.2347 }, { "x": 304, "y": 0.3119 }, { "x": 305, "y": 0.3882 }, { "x": 306, "y": 0.4635 }, { "x": 307, "y": 0.5376 }, { "x": 308, "y": 0.6101 }, { "x": 309, "y": 0.681 }, { "x": 310, "y": 0.75 }, { "x": 311, "y": 0.817 }, { "x": 312, "y": 0.8817 }, { "x": 313, "y": 0.944 }, { "x": 314, "y": 1.0037 }, { "x": 315, "y": 1.0607 }, { "x": 316, "y": 1.1147 }, { "x": 317, "y": 1.1657 }, { "x": 318, "y": 1.2135 }, { "x": 319, "y": 1.258 }, { "x": 320, "y": 1.299 }, { "x": 321, "y": 1.3365 }, { "x": 322, "y": 1.3703 }, { "x": 323, "y": 1.4004 }, { "x": 324, "y": 1.4266 }, { "x": 325, "y": 1.4489 }, { "x": 326, "y": 1.4672 }, { "x": 327, "y": 1.4815 }, { "x": 328, "y": 1.4918 }, { "x": 329, "y": 1.4979 }, { "x": 330, "y": 1.5 }, { "x": 331, "y": 1.4979 }, { "x": 332, "y": 1.4918 }, { "x": 333, "y": 1.4815 }, { "x": 334, "y": 1.4672 }, { "x": 335, "y": 1.4489 }, { "x": 336, "y": 1.4266 }, { "x": 337, "y": 1.4004 }, { "x": 338, "y": 1.3703 }, { "x": 339, "y": 1.3365 }, { "x": 340, "y": 1.299 }, { "x": 341, "y": 1.258 }, { "x": 342, "y": 1.2135 }, { "x": 343, "y": 1.1657 }, { "x": 344, "y": 1.1147 }, { "x": 345, "y": 1.0607 }, { "x": 346, "y": 1.0037 }, { "x": 347, "y": 0.944 }, { "x": 348, "y": 0.8817 }, { "x": 349, "y": 0.817 }, { "x": 350, "y": 0.75 }, { "x": 351, "y": 0.681 }, { "x": 352, "y": 0.6101 }, { "x": 353, "y": 0.5376 }, { "x": 354, "y": 0.4635 }, { "x": 355, "y": 0.3882 }, { "x": 356, "y": 0.3119 }, { "x": 357, "y": 0.2347 }, { "x": 358, "y": 0.1568 }, { "x": 359, "y": 0.0785 }, { "x": 360, "y": 0 }]; var chart = new G2.Chart({ container: 'mountNode', forceFit: true, height: window.innerHeight, padding: [30, 20, 95, 20] }); chart.source(data, { x: { tickInterval: 30 } }); chart.coord('polar'); chart.axis('y', false); // 不显示 y 的坐标轴 chart.line().position('x*y').size(2).color('#ff8800'); chart.render(); setTimeout(function() { chart.coord('rect'); chart.repaint(); }, 2000); </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height"> <title>雷达图复杂曲线</title> <style>::-webkit-scrollbar{display:none;}html,body{overflow:hidden;height:100%;margin:0;}</style> </head> <body style="background: #1f1f1f;"> <div id="mountNode"></div> <script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script> <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.5.1/dist/g2.min.js"></script> <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.10.1/dist/data-set.min.js"></script> <script>G2.Global.setTheme('dark');</script> <script> var data = [{ "x": 0, "y": 0 }, { "x": 1, "y": 0.0785 }, { "x": 2, "y": 0.1568 }, { "x": 3, "y": 0.2347 }, { "x": 4, "y": 0.3119 }, { "x": 5, "y": 0.3882 }, { "x": 6, "y": 0.4635 }, { "x": 7, "y": 0.5376 }, { "x": 8, "y": 0.6101 }, { "x": 9, "y": 0.681 }, { "x": 10, "y": 0.75 }, { "x": 11, "y": 0.817 }, { "x": 12, "y": 0.8817 }, { "x": 13, "y": 0.944 }, { "x": 14, "y": 1.0037 }, { "x": 15, "y": 1.0607 }, { "x": 16, "y": 1.1147 }, { "x": 17, "y": 1.1657 }, { "x": 18, "y": 1.2135 }, { "x": 19, "y": 1.258 }, { "x": 20, "y": 1.299 }, { "x": 21, "y": 1.3365 }, { "x": 22, "y": 1.3703 }, { "x": 23, "y": 1.4004 }, { "x": 24, "y": 1.4266 }, { "x": 25, "y": 1.4489 }, { "x": 26, "y": 1.4672 }, { "x": 27, "y": 1.4815 }, { "x": 28, "y": 1.4918 }, { "x": 29, "y": 1.4979 }, { "x": 30, "y": 1.5 }, { "x": 31, "y": 1.4979 }, { "x": 32, "y": 1.4918 }, { "x": 33, "y": 1.4815 }, { "x": 34, "y": 1.4672 }, { "x": 35, "y": 1.4489 }, { "x": 36, "y": 1.4266 }, { "x": 37, "y": 1.4004 }, { "x": 38, "y": 1.3703 }, { "x": 39, "y": 1.3365 }, { "x": 40, "y": 1.299 }, { "x": 41, "y": 1.258 }, { "x": 42, "y": 1.2135 }, { "x": 43, "y": 1.1657 }, { "x": 44, "y": 1.1147 }, { "x": 45, "y": 1.0607 }, { "x": 46, "y": 1.0037 }, { "x": 47, "y": 0.944 }, { "x": 48, "y": 0.8817 }, { "x": 49, "y": 0.817 }, { "x": 50, "y": 0.75 }, { "x": 51, "y": 0.681 }, { "x": 52, "y": 0.6101 }, { "x": 53, "y": 0.5376 }, { "x": 54, "y": 0.4635 }, { "x": 55, "y": 0.3882 }, { "x": 56, "y": 0.3119 }, { "x": 57, "y": 0.2347 }, { "x": 58, "y": 0.1568 }, { "x": 59, "y": 0.0785 }, { "x": 60, "y": 0 }, { "x": 61, "y": 0.0785 }, { "x": 62, "y": 0.1568 }, { "x": 63, "y": 0.2347 }, { "x": 64, "y": 0.3119 }, { "x": 65, "y": 0.3882 }, { "x": 66, "y": 0.4635 }, { "x": 67, "y": 0.5376 }, { "x": 68, "y": 0.6101 }, { "x": 69, "y": 0.681 }, { "x": 70, "y": 0.75 }, { "x": 71, "y": 0.817 }, { "x": 72, "y": 0.8817 }, { "x": 73, "y": 0.944 }, { "x": 74, "y": 1.0037 }, { "x": 75, "y": 1.0607 }, { "x": 76, "y": 1.1147 }, { "x": 77, "y": 1.1657 }, { "x": 78, "y": 1.2135 }, { "x": 79, "y": 1.258 }, { "x": 80, "y": 1.299 }, { "x": 81, "y": 1.3365 }, { "x": 82, "y": 1.3703 }, { "x": 83, "y": 1.4004 }, { "x": 84, "y": 1.4266 }, { "x": 85, "y": 1.4489 }, { "x": 86, "y": 1.4672 }, { "x": 87, "y": 1.4815 }, { "x": 88, "y": 1.4918 }, { "x": 89, "y": 1.4979 }, { "x": 90, "y": 1.5 }, { "x": 91, "y": 1.4979 }, { "x": 92, "y": 1.4918 }, { "x": 93, "y": 1.4815 }, { "x": 94, "y": 1.4672 }, { "x": 95, "y": 1.4489 }, { "x": 96, "y": 1.4266 }, { "x": 97, "y": 1.4004 }, { "x": 98, "y": 1.3703 }, { "x": 99, "y": 1.3365 }, { "x": 100, "y": 1.299 }, { "x": 101, "y": 1.258 }, { "x": 102, "y": 1.2135 }, { "x": 103, "y": 1.1657 }, { "x": 104, "y": 1.1147 }, { "x": 105, "y": 1.0607 }, { "x": 106, "y": 1.0037 }, { "x": 107, "y": 0.944 }, { "x": 108, "y": 0.8817 }, { "x": 109, "y": 0.817 }, { "x": 110, "y": 0.75 }, { "x": 111, "y": 0.681 }, { "x": 112, "y": 0.6101 }, { "x": 113, "y": 0.5376 }, { "x": 114, "y": 0.4635 }, { "x": 115, "y": 0.3882 }, { "x": 116, "y": 0.3119 }, { "x": 117, "y": 0.2347 }, { "x": 118, "y": 0.1568 }, { "x": 119, "y": 0.0785 }, { "x": 120, "y": 0 }, { "x": 121, "y": 0.0785 }, { "x": 122, "y": 0.1568 }, { "x": 123, "y": 0.2347 }, { "x": 124, "y": 0.3119 }, { "x": 125, "y": 0.3882 }, { "x": 126, "y": 0.4635 }, { "x": 127, "y": 0.5376 }, { "x": 128, "y": 0.6101 }, { "x": 129, "y": 0.681 }, { "x": 130, "y": 0.75 }, { "x": 131, "y": 0.817 }, { "x": 132, "y": 0.8817 }, { "x": 133, "y": 0.944 }, { "x": 134, "y": 1.0037 }, { "x": 135, "y": 1.0607 }, { "x": 136, "y": 1.1147 }, { "x": 137, "y": 1.1657 }, { "x": 138, "y": 1.2135 }, { "x": 139, "y": 1.258 }, { "x": 140, "y": 1.299 }, { "x": 141, "y": 1.3365 }, { "x": 142, "y": 1.3703 }, { "x": 143, "y": 1.4004 }, { "x": 144, "y": 1.4266 }, { "x": 145, "y": 1.4489 }, { "x": 146, "y": 1.4672 }, { "x": 147, "y": 1.4815 }, { "x": 148, "y": 1.4918 }, { "x": 149, "y": 1.4979 }, { "x": 150, "y": 1.5 }, { "x": 151, "y": 1.4979 }, { "x": 152, "y": 1.4918 }, { "x": 153, "y": 1.4815 }, { "x": 154, "y": 1.4672 }, { "x": 155, "y": 1.4489 }, { "x": 156, "y": 1.4266 }, { "x": 157, "y": 1.4004 }, { "x": 158, "y": 1.3703 }, { "x": 159, "y": 1.3365 }, { "x": 160, "y": 1.299 }, { "x": 161, "y": 1.258 }, { "x": 162, "y": 1.2135 }, { "x": 163, "y": 1.1657 }, { "x": 164, "y": 1.1147 }, { "x": 165, "y": 1.0607 }, { "x": 166, "y": 1.0037 }, { "x": 167, "y": 0.944 }, { "x": 168, "y": 0.8817 }, { "x": 169, "y": 0.817 }, { "x": 170, "y": 0.75 }, { "x": 171, "y": 0.681 }, { "x": 172, "y": 0.6101 }, { "x": 173, "y": 0.5376 }, { "x": 174, "y": 0.4635 }, { "x": 175, "y": 0.3882 }, { "x": 176, "y": 0.3119 }, { "x": 177, "y": 0.2347 }, { "x": 178, "y": 0.1568 }, { "x": 179, "y": 0.0785 }, { "x": 180, "y": 0 }, { "x": 181, "y": 0.0785 }, { "x": 182, "y": 0.1568 }, { "x": 183, "y": 0.2347 }, { "x": 184, "y": 0.3119 }, { "x": 185, "y": 0.3882 }, { "x": 186, "y": 0.4635 }, { "x": 187, "y": 0.5376 }, { "x": 188, "y": 0.6101 }, { "x": 189, "y": 0.681 }, { "x": 190, "y": 0.75 }, { "x": 191, "y": 0.817 }, { "x": 192, "y": 0.8817 }, { "x": 193, "y": 0.944 }, { "x": 194, "y": 1.0037 }, { "x": 195, "y": 1.0607 }, { "x": 196, "y": 1.1147 }, { "x": 197, "y": 1.1657 }, { "x": 198, "y": 1.2135 }, { "x": 199, "y": 1.258 }, { "x": 200, "y": 1.299 }, { "x": 201, "y": 1.3365 }, { "x": 202, "y": 1.3703 }, { "x": 203, "y": 1.4004 }, { "x": 204, "y": 1.4266 }, { "x": 205, "y": 1.4489 }, { "x": 206, "y": 1.4672 }, { "x": 207, "y": 1.4815 }, { "x": 208, "y": 1.4918 }, { "x": 209, "y": 1.4979 }, { "x": 210, "y": 1.5 }, { "x": 211, "y": 1.4979 }, { "x": 212, "y": 1.4918 }, { "x": 213, "y": 1.4815 }, { "x": 214, "y": 1.4672 }, { "x": 215, "y": 1.4489 }, { "x": 216, "y": 1.4266 }, { "x": 217, "y": 1.4004 }, { "x": 218, "y": 1.3703 }, { "x": 219, "y": 1.3365 }, { "x": 220, "y": 1.299 }, { "x": 221, "y": 1.258 }, { "x": 222, "y": 1.2135 }, { "x": 223, "y": 1.1657 }, { "x": 224, "y": 1.1147 }, { "x": 225, "y": 1.0607 }, { "x": 226, "y": 1.0037 }, { "x": 227, "y": 0.944 }, { "x": 228, "y": 0.8817 }, { "x": 229, "y": 0.817 }, { "x": 230, "y": 0.75 }, { "x": 231, "y": 0.681 }, { "x": 232, "y": 0.6101 }, { "x": 233, "y": 0.5376 }, { "x": 234, "y": 0.4635 }, { "x": 235, "y": 0.3882 }, { "x": 236, "y": 0.3119 }, { "x": 237, "y": 0.2347 }, { "x": 238, "y": 0.1568 }, { "x": 239, "y": 0.0785 }, { "x": 240, "y": 0 }, { "x": 241, "y": 0.0785 }, { "x": 242, "y": 0.1568 }, { "x": 243, "y": 0.2347 }, { "x": 244, "y": 0.3119 }, { "x": 245, "y": 0.3882 }, { "x": 246, "y": 0.4635 }, { "x": 247, "y": 0.5376 }, { "x": 248, "y": 0.6101 }, { "x": 249, "y": 0.681 }, { "x": 250, "y": 0.75 }, { "x": 251, "y": 0.817 }, { "x": 252, "y": 0.8817 }, { "x": 253, "y": 0.944 }, { "x": 254, "y": 1.0037 }, { "x": 255, "y": 1.0607 }, { "x": 256, "y": 1.1147 }, { "x": 257, "y": 1.1657 }, { "x": 258, "y": 1.2135 }, { "x": 259, "y": 1.258 }, { "x": 260, "y": 1.299 }, { "x": 261, "y": 1.3365 }, { "x": 262, "y": 1.3703 }, { "x": 263, "y": 1.4004 }, { "x": 264, "y": 1.4266 }, { "x": 265, "y": 1.4489 }, { "x": 266, "y": 1.4672 }, { "x": 267, "y": 1.4815 }, { "x": 268, "y": 1.4918 }, { "x": 269, "y": 1.4979 }, { "x": 270, "y": 1.5 }, { "x": 271, "y": 1.4979 }, { "x": 272, "y": 1.4918 }, { "x": 273, "y": 1.4815 }, { "x": 274, "y": 1.4672 }, { "x": 275, "y": 1.4489 }, { "x": 276, "y": 1.4266 }, { "x": 277, "y": 1.4004 }, { "x": 278, "y": 1.3703 }, { "x": 279, "y": 1.3365 }, { "x": 280, "y": 1.299 }, { "x": 281, "y": 1.258 }, { "x": 282, "y": 1.2135 }, { "x": 283, "y": 1.1657 }, { "x": 284, "y": 1.1147 }, { "x": 285, "y": 1.0607 }, { "x": 286, "y": 1.0037 }, { "x": 287, "y": 0.944 }, { "x": 288, "y": 0.8817 }, { "x": 289, "y": 0.817 }, { "x": 290, "y": 0.75 }, { "x": 291, "y": 0.681 }, { "x": 292, "y": 0.6101 }, { "x": 293, "y": 0.5376 }, { "x": 294, "y": 0.4635 }, { "x": 295, "y": 0.3882 }, { "x": 296, "y": 0.3119 }, { "x": 297, "y": 0.2347 }, { "x": 298, "y": 0.1568 }, { "x": 299, "y": 0.0785 }, { "x": 300, "y": 0 }, { "x": 301, "y": 0.0785 }, { "x": 302, "y": 0.1568 }, { "x": 303, "y": 0.2347 }, { "x": 304, "y": 0.3119 }, { "x": 305, "y": 0.3882 }, { "x": 306, "y": 0.4635 }, { "x": 307, "y": 0.5376 }, { "x": 308, "y": 0.6101 }, { "x": 309, "y": 0.681 }, { "x": 310, "y": 0.75 }, { "x": 311, "y": 0.817 }, { "x": 312, "y": 0.8817 }, { "x": 313, "y": 0.944 }, { "x": 314, "y": 1.0037 }, { "x": 315, "y": 1.0607 }, { "x": 316, "y": 1.1147 }, { "x": 317, "y": 1.1657 }, { "x": 318, "y": 1.2135 }, { "x": 319, "y": 1.258 }, { "x": 320, "y": 1.299 }, { "x": 321, "y": 1.3365 }, { "x": 322, "y": 1.3703 }, { "x": 323, "y": 1.4004 }, { "x": 324, "y": 1.4266 }, { "x": 325, "y": 1.4489 }, { "x": 326, "y": 1.4672 }, { "x": 327, "y": 1.4815 }, { "x": 328, "y": 1.4918 }, { "x": 329, "y": 1.4979 }, { "x": 330, "y": 1.5 }, { "x": 331, "y": 1.4979 }, { "x": 332, "y": 1.4918 }, { "x": 333, "y": 1.4815 }, { "x": 334, "y": 1.4672 }, { "x": 335, "y": 1.4489 }, { "x": 336, "y": 1.4266 }, { "x": 337, "y": 1.4004 }, { "x": 338, "y": 1.3703 }, { "x": 339, "y": 1.3365 }, { "x": 340, "y": 1.299 }, { "x": 341, "y": 1.258 }, { "x": 342, "y": 1.2135 }, { "x": 343, "y": 1.1657 }, { "x": 344, "y": 1.1147 }, { "x": 345, "y": 1.0607 }, { "x": 346, "y": 1.0037 }, { "x": 347, "y": 0.944 }, { "x": 348, "y": 0.8817 }, { "x": 349, "y": 0.817 }, { "x": 350, "y": 0.75 }, { "x": 351, "y": 0.681 }, { "x": 352, "y": 0.6101 }, { "x": 353, "y": 0.5376 }, { "x": 354, "y": 0.4635 }, { "x": 355, "y": 0.3882 }, { "x": 356, "y": 0.3119 }, { "x": 357, "y": 0.2347 }, { "x": 358, "y": 0.1568 }, { "x": 359, "y": 0.0785 }, { "x": 360, "y": 0 }]; var chart = new G2.Chart({ container: 'mountNode', forceFit: true, height: window.innerHeight, padding: [30, 20, 95, 20] }); chart.source(data, { x: { tickInterval: 30 } }); chart.coord('polar'); chart.axis('y', false); // 不显示 y 的坐标轴 chart.line().position('x*y').size(2).color('#ff8800'); chart.render(); setTimeout(function() { chart.coord('rect'); chart.repaint(); }, 2000); </script> </body> </html>
图表简介
Radar Chart，基础雷达图
了解更多
图表用法
可以绘制平滑、复杂的曲线
关联图表
折线图
相关链接
BizCharts
Viser
