echartsecharts 雷达图 数值问题 急求教

问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
项目中遇到一个问题,需要点击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 雷达图 颜色 的文章

 

随机推荐