输入关键词从json文件中 匹配,用echarts输出雷达图,但是输不出来

weixin_44924371 2019-05-16 09:50:33

<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<input type="text" class="txt">
<input type="button" value="点击" class="but">
<div id="main" style="height:400px;width:800px;"></div>
<!-- ECharts单文件引入 -->

<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>

<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">

require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});

// 使用
require(
[
'echarts',
'echarts/chart/radar'
],

function(ec){
var myChart = ec.init(document.getElementById('main'));
option = {
title : {
text: '关键词匹配情感频率',

},
tooltip : {
trigger: 'axis'
},
legend: {
orient : 'vertical',
x : 'right',
y : 'bottom',
data:['关键词匹配情感频率']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
}
},
polar : [
{
indicator : [
{ text: 'anger', max: 50},
{ text: 'disgust', max: 50},
{ text: 'fear', max: 50},
{ text: 'happiness', max: 68},
{ text: 'sadness', max: 50},
{ text: 'surprise', max: 50}
]
}
],
calculable : true,
series : [
{
name: '关键词匹配情感频率',
type: 'radar',
data : []
}
]
};


$(".but").click(function(){
var txt = $(".txt").val();
//print(txt);
$.ajax({
type:"post",
url:'data2/data.json',
dataType:"json",
error:function(){alert("无匹配")},
success:function(data){
var count=[0,0,0,0,0,0];

var len = data.data.length;
for (var i =0;i<len;i++){
if(txt==data.data[i].word){
if(data.data[i].express=='1'){
count[0]=data.data[i].count;}
if(data.data[i].express=='2'){
count[1]=data.data[i].count;}
if(data.data[i].express=='3'){
count[2]=data.data[i].count;}
if(data.data[i].express=='4'){
count[3]=data.data[i].count;}
if(data.data[i].express=='5'){
count[4]=data.data[i].count;}
if(data.data[i].express=='6'){
count[5]=data.data[i].count;}

series : [
{
name: '关键词匹配情感频率',
type: 'radar',
data : [
name:"关键词"
value:count
]

}
],
}
}return;
}


})
})

myChart.setOption(option);
}


);
</script>
json文件里格式是这样的:

小白,被这个困好几天了,希望能有大神帮我解答!
...全文
198 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_44924371 2019-05-17
  • 打赏
  • 举报
回复
有人吗??????大神带我飞啊
weixin_44924371 2019-05-16
  • 打赏
  • 举报
回复
希望有人救救我!啊我的天!

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧