G2
一套图形语法
快速上手
教程
API
图表
移动端图表
下载
关于
github
线图
极坐标 /
线图
选择主题
源码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>线图</title> <link rel="stylesheet" href="https://os.alipayobjects.com/s/prod/g2/static/doc-b57e62881a0344ecde9e68c4ce312143.css"/> <!--如果不需要jquery ajax 则可以不引入--> <script src="https://a.alipayobjects.com/jquery/jquery/1.11.1/jquery.js"></script> <!-- 引入 G2 脚本 --><script src="https://a.alipayobjects.com/g/datavis/g2/2.2.1/g2.js"></script> </head> <body> <div id="c1"></div> <!-- G2 code start --> <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({ id: 'c1', width: 1000, height: 500 }); chart.source(data, { x: { tickCount: 13 // 设置 x 轴的刻度个数 } }); chart.coord('polar'); chart.axis('y', false); // 不显示 y 的坐标轴 chart.line().position('x*y').size(2).color('#ff8800'); chart.render(); </script> <!-- G2 code end --> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>线图</title> <link rel="stylesheet" href="https://os.alipayobjects.com/s/prod/g2/static/doc-b57e62881a0344ecde9e68c4ce312143.css"/> <!--如果不需要jquery ajax 则可以不引入--> <script src="https://a.alipayobjects.com/jquery/jquery/1.11.1/jquery.js"></script> <!-- 引入 G2 脚本 --><script src="https://a.alipayobjects.com/g/datavis/g2/2.2.1/g2.js"></script> <script> G2.Global.setTheme('dark'); </script> </head> <body> <div id="c1"></div> <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({ id: 'c1', width: 1000, height: 500 }); chart.source(data, { x: { tickCount: 13 // 设置 x 轴的刻度个数 } }); chart.coord('polar'); chart.axis('y', false); // 不显示 y 的坐标轴 chart.line().position('x*y').size(2).color('#ff8800'); chart.render(); </script> </body> </html>
JS
<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({ id: 'c1', width: 1000, height: 500 }); chart.source(data, { x: { tickCount: 13 // 设置 x 轴的刻度个数 } }); chart.coord('polar'); chart.axis('y', false); // 不显示 y 的坐标轴 chart.line().position('x*y').size(2).color('#ff8800'); chart.render(); </script>
运行
复制
极坐标
Aster plot
自定义的饼图
玉玦图
Wind rose
日冕图
色块图
极坐标下的箱型图
圆内点图
线图
