echartsecharts 雷达图 数值问题 急求教

来源：蜘蛛抓取(WebSpider) 时间：2017-08-06 08:20 标签： echarts 雷达图 颜色
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
项目中遇到一个问题，需要点击indicator弹出tooltip
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
//遮盖原有的indicator，添加标签到指定位置
$.each($('ul li canvas:nth-child(3n):visible'),function(index,element){
var _this=$(this)[0],ctx=_this.getContext('2d'),ancestor=$(element).parent().parent(),parent=$(element).parent();
var instanceId=$(ancestor).attr('_echarts_instance_');
var chart=echarts.getInstanceById(instanceId);
var ponent.polar.polar[0].
var pwidth=$(_this).attr('width');
ctx.fillStyle = "rgba(255,255,255,1)";
ctx.strokeStyle = "rgba(255,255,255,1)";
$(parent).find('a').remove();
$.each(indicators,function(idx,indicator){
//大概indicator的位置
var ponent.polar.getVector(0,idx,indicator.max+1);
var left=coordinate[0],top=coordinate[1]-6;
if(left==pwidth/2){
left=left-indicator.text.length*6-2;
else if(left&pwidth/2){
left=left-indicator.text.length*12-2;
var width=indicator.text.length*12;
var height=12;
ctx.fillRect(left-2, top-height/2, width+4,height+6.4);
var aLabel=$('&a href=\'javascript:void(0)\'&'+indicator.text+'&/a&').appendTo(parent);
$(aLabel).css({
'position':'absolute',
'left':left,
'top':top-height/2,
'font-size':'12px',
'text-decoration':'underline',
'color':'#2B3E4C',
'font-familly':'Microsoft YaHei'
}).click(function(){
ponent.tooltip.showTip({ seriesIndex: 0,dataIndex:idx });
}).hover(function(){$(this).css('color','#61C4C9');},function(){$(this).css('color','#2B3E4C');});
同步到新浪微博
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
扫扫下载 App问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
&!doctype html&&html lang="us"&&head&
&meta charset="utf-8"&
&title&&/title&
&script src="/build/dist/echarts.js"&&/script&
&/head&&body&
&div id="main" style="width: 600height:400"&&/div&
&/body&&/html&&script&
//配置图表路径
require.config({
echarts:'/build/dist'
//加载图表js文件
'echarts',
'echarts/chart/radar',
//要什么图表类型配置什么类型
function (ec){
//基于准备好的dom，初始化echarts图表
var myChart= ec.init(document.getElementById('main'));
var option = {
indicator: [
{ text: '销售', max: 6500},
{ text: '管理', max: 16000},
{ text: '信息技术', max: 30000},
{ text: '客服', max: 38000},
{ text: '研发', max: 52000},
{ text: '市场', max: 25000}
series: [{
type: "radar",
value: [, 2, 5],
name: "预算分配"
itemStyle: {
color: "#1DBB37"
type: "radar",
value: [, 2, 4],
name: "实际开销"
itemStyle: {
color: "rgb(51, 153, 254)"
var ecConfig = require('echarts/config');
myChart.on(ecConfig.EVENT.CLICK,function(param){
//点击后执行操作
alert(param.name)
myChart.setOption(option);
&/script&&/script&
同步到新浪微博
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
扫扫下载 App问题：有人用过echarts吗？有浏览器兼容性问题请教！！！
描述:jqueryechartsjavascriptphp
我用的是纵向排列的bar，数据较多，大概200多条。在ie9或ie10下只显示一部分，另一部分像是被遮挡了，但是鼠标悬停在空白处依然有tooltip。在ie8和chrome下显示正常，求大神指教！！上图：解决方案1:
估计是哪里样式错了，应该不是echarts的问题，echarts兼容还是不错的
解决方案2:
这个应该是css兼容性的问题吧
以上介绍了“有人用过echarts吗？有浏览器兼容性问题请教！！！”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：/itwd/953531.html
上一篇： 下一篇：问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
在弄echarts雷达图的时候遇到自适应问题，然后查了关于自适应的教程，并按照示例改了代码发现并没有效果，希望大神帮赐教。
期望的效果：当页面小于500px时两个雷达图能垂直显示。
现在的问题：当页面小于500px时两个雷达图依然像原来那样水平显示。
问题代码在。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
刚刚自己找到了问题所在，上的教程是基于pie图，圆心的定义是在series中。而雷达图的圆心是在radar中，解决问题只需把问题代码的series改为radar，并且把半径改为90（为了与初始的半径保持一致）即可。
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
扫扫下载 Appechars雷达图改变坐标值颜色？ - 知乎3被浏览2649分享邀请回答
show: true,
formatter: null,
textStyle: {
//设置颜色
color:'#FF0000'
indicator : [
{ text: '销售（sales）', max: 6000},
{ text: '管理（Administration）', max: 16000},
{ text: '信息技术（Information Techology）', max: 30000},
{ text: '客服（Customer Support）', max: 38000},
{ text: '研发（Development）', max: 52000},
{ text: '市场（Marketing）', max: 25000}
22 条评论分享收藏感谢收起0添加评论分享收藏感谢收起

我要回帖

更多关于 echarts 雷达图 颜色 的文章

 

随机推荐