echarts 动态雷达图 后台数据怎么加载

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts 动态雷达图 后台数据怎么加载相关的知识,希望对你有一定的参考价值。

我写的代码如下

<html>
<head>
<meta charset="utf-8">
<title>title</title>
<script src="echarts.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<div id="mainAnaylsis" style="width: 750px;height:500px;"></div>
<script type="text/javascript">

var myChart = echarts.init(document.getElementById('mainAnaylsis'));
var option =
title:
text: '用户兴趣分布'
,
tooltip: ,
legend:
,
radar:
indicator: [
name: '综艺', max: 6500,
name: '电视剧', max: 16000 ,
name: '新闻', max: 30000
]
,
series: [
name: '预算 vs 开销(Budget vs spending)',
type: 'radar',
data : [ ]
]
;
myChart.setOption(option);

var names=[];
var num = [];
$.ajax(
type: "get",
url: "http://127.0.0.1/AA/T?name=leida",
dataType: "json", //返回数据形式为json
success: function (result)
for (var i = 0; i < result.length; i++)

names.push(result[i].name);

for (var i = 0; i < result.length; i++)

num.push(result[i].value);

mycharts.setOption( //加载数据图表
legend: data:['收视','互动'] ,
series: [

value : num,
name : names


]
);

,

);
</script>
</body>
</html>
后台返回的数据是 ["name":"大学","value":["10","20","30"],"name":"中学","value":["10","20","30"],"name":"小学","value":["10","20","30"]]

求大神解救

参考技术A 很高兴,最近我也使用了EChartsECharts提供的用法中,require是作为模块化加载的入口,如果你使用类似于RequireJS、SeaJS这样的模块化加载JS库的话,那么,就可以使用require()初始化ECharts。你贴出来的链接这篇文章,正式介绍如何使用模块化加载ECharts。如果你不使用模块化,ECharts也提供相应的方法初始化。首先,下载到源码之后,在页面引入lib/echarts-plain-map.js,plain-map是未压缩的版本1然后引入主文件之后,就可以直接使用init()实例化了

echarts雷达图怎么给生成的数据拐点上增加文字描述

没有文字的是我已经做出来的效果,应该怎么在这个点上添加文字呢?有大佬告知一下吗?

参考技术A series[i]-radar.label.show = true

以上是关于echarts 动态雷达图 后台数据怎么加载的主要内容,如果未能解决你的问题,请参考以下文章

ECharts 雷达图怎么在类目值下面显示数值

echarts雷达图怎么给生成的数据拐点上增加文字描述

echarts图表——雷达图

Echarts.js 根据数值自定义radar雷达图拐点颜色

32-Vue之ECharts-雷达图

ECharts 雷达图怎么在类目值下面显示数值