Echarts-雷达图
2024-08-30 18:03:37
// 显示能力雷达图
$(".company .grade").hover(function () {
$(".powerChart").show();
var id = $(this).attr("data-id");
var positionX = $(this).offset().left;
var positionY = $(this).offset().top;
$.ajax({
type: "POST",
cache: false,
url: "/Question/GetShopRadarMap",
data: {
shopId: id
},
contentType: "application/x-www-form-urlencoded",
dataType: "json",
async: false,
success: function (result) {
var myChart;
var domMain = document.getElementById('powerChart');
var option = {
tooltip: {
trigger: 'axis'
},
radar: {
name: {
textStyle: {
color: '#000'
}
},
indicator: [],//雷达图数据
nameGap:,//文字距离图形的距离
radius: //设置雷达图大小 },
series: []
}; var category = result.resultList;
var num = [];
for (var i = ; i < category.length; i++) {
option.radar.indicator.push({ name: category[i].CategoryName});
num.push(category[i].AnswerNum);
} option.series.push({
type: 'radar',
data: [{
value: num
}]
});
myChart = echarts.init(domMain);
myChart.setOption(option, true); }
});
$(".powerChart").css({ "left": positionX-, "top": positionY+ });// 定位雷达图显示的位置 },function() {
$(".powerChart").hide();
});
html:<div id="powerChart"></div> css:#powerChart{width: 220px;height:180px;margin: 15px;}
最新文章
- MySQL主从复制、半同步复制和主主复制概述
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- malloc/free与new/delete的区别
- zzulioj 1907小火山的宝藏交易(dfs记忆化搜索)
- Docker与容器快速入门
- hdu 2964 Prime Bases(简单数学题)
- WCF 学习总结3 -- 实例模式
- Swift - 本地数据的保存与加载(使用NSCoder将对象保存到.plist文件)
- 使用CUNIT测试
- Zara带你快速入门WPF(3)---触发器篇
- 删除单链表节点,时间复杂度为O(1)
- kudu的写数据流程
- rock-paper-scissors
- [No000017F]如何监控注册表的修改
- webAPI文件上传时文件过大404错误的问题
- 爬取笔下wenxue小说
- Alpha冲刺报告(6/12)(麻瓜制造者)
- Python——验证码识别 Pillow + tesseract-ocr
- e618. Validating a JTextField When Permanently Losing the Focus
- POSIX 线程具体解释(3-相互排斥量:";固定加锁层次";/“试加锁-回退”)
热门文章
- Android之——ContentResolver查询的三种方式
- java filter、listener、servlet
- 自己动手一步一步安装hadoop(含编译hadoop的native本地包)
- numpy, pandas, scikit-learn cheat sheet (速查表)
- vc2010, fatal error LNK1123: failure during conversion to COFF: file invalid or corrupt解决办法
- SVN Client API的.net 接口 SharpSvn介紹 Checkout操作实例
- 妙味云课堂之css:其它知识点汇总
- docker的使用01
- Java 扫描包下所有类(包括jar包)
- Ubuntu安装Sun JDK