<!-- 为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文件里格式是这样的:
小白,被这个困好几天了,希望能有大神帮我解答!