echarts极地坐标

<!DOCTYPE html>
<html>

<body>
       
       <div id="main" style="width: 1000px; height: 800px"></div>
       <script type="text/javascript">
           //基于准备好的DOM，初始化ECharts图表
           var chartDom = document.getElementById('main');
           var myChart = echarts.init(chartDom);
           var option;

option = {
               title: [{
                   text: '极坐标上级练习',
                   subtext: '案例代码2-6的极坐标转换'
               }],
               polar: {
                   radius: [30, '80%']
               },
               angleAxis: {
                   max: 4,
                   startAngle: 60
               },
               radiusAxis: {
                   type: 'category',
                   data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
               },
               tooltip: {},
               series: {
                   type: 'bar',
                   data: [2, 1.2, 2.4, 3.6],
                   coordinateSystem: 'polar',
                   label: {
                       show: true,
                       position: 'middle',
                       formatter: '{羊毛衫}: {雪纺衫}'
                   }
               }
           };
           //使用刚指定的配置项和数据显示图表
           myChart.setOption(option);
       </script>
   </body>

</html>

echarts极地坐标相关推荐

关于echarts地图坐标自定义区域说明
一.通过其他平台提供的Geojson,对echarts引入配置推荐: 1. 地址 2.TangSY 地址地址2 二.提供的Geojson与实际可能会有误差,比如区域重新划分等,这就需要对Geojs ...
Echarts的坐标调整，调整内部网格和外部的间隔
[摘要]: 很多人在用ECharts图表组件后会发现图表真正的绘图区域和图表容器之间有很大一块间隔,看上去有些很不饱满.我么可以将其调整至容器大小?可以调整吗? 通过查看相关API得知,绘图区域与容器 ...
Echarts地图坐标geoCoordMap数据动态获取
这是一组geoCoordMap格式的数据: var geoCoordMap = {'台湾': [121.5135,25.0308],'黑龙江': [127.9688, 45.368],'内蒙古': [ ...
echarts画矩形图（echarts根据坐标画竖线）
简单示例代码: option = { xAxis: {}, yAxis: {}, series: [ { data: [ [10, 40], ...
极地坐标和笛卡儿坐标转换公式及计算实例
http://www.ab126.com/Geography/3753.html 互相变换: 将直角坐标(x,y)转为极坐标(r,θ) r = √( x2+y2) θ = tan-1 (y/x) 将从 ...
echarts的常用案例
安装依赖后引入echarts // mian.js import echarts from 'echarts'//引入 Vue.prototype.$echarts = echarts// 挂在vue ...
数据可视化组队学习：《Task04 - 文字图例尽眉目》笔记
文章目录前言 1 Figure和Axes的文本 1.1 text 1.2 title和set_title 1.3 figtext和text 1.4 suptitle 1.5 xlabel和ylabe ...
数据可视化系列（四）：文字图例尽眉目
一.Figure和Axes上的文本 Matplotlib具有广泛的文本支持,包括对数学表达式的支持.对栅格和矢量输出的TrueType支持.具有任意旋转的换行分隔文本以及Unicode支持. 下面的命 ...
那些年，我们用过的地图下载器
作为地信.遥感.地质.测绘等专业的同学,下载电子地图.遥感影像应该都接触过,现在XX地图下载器广告满天飞,虽然各位同学唯唯诺诺,还是被群主踢出了.现在把自己那些年珍藏的地图下载器分享给大家.对各种下载 ...

echarts极地坐标

echarts极地坐标相关推荐

最新文章

热门文章