Highcharts 中文社区

 找回密码
 立即注册
查看: 388|回复: 2

[已解决] 请教画蜘蛛图spiderweb一直出不来,显示成line图

[复制链接]
  • TA的每日心情
    难过
    2017-4-19 17:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    2

    主题

    3

    帖子

    33

    积分

    HC 新手

    Rank: 1

    积分
    33
    发表于 2017-4-19 17:26:00 | 显示全部楼层 |阅读模式
    我的蜘蛛图代码如下,跟官网例子一样的:
    1. $('#container').highcharts({
    2.     chart: {
    3.         polar: true,
    4.         type: 'line'
    5.     },
    6.     title: {
    7.         text: '预算与支出',
    8.         x: -80
    9.     },
    10.     pane: {
    11.         size: '80%'
    12.     },
    13.     xAxis: {
    14.         categories: ['销售', '市场营销', '发展', '客户支持',
    15.                      '信息技术', '行政管理'],
    16.         tickmarkPlacement: 'on',
    17.         lineWidth: 0
    18.     },
    19.     yAxis: {
    20.         gridLineInterpolation: 'polygon',
    21.         lineWidth: 0,
    22.         min: 0
    23.     },
    24.     tooltip: {
    25.         shared: true,
    26.         pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
    27.     },
    28.     legend: {
    29.         align: 'right',
    30.         verticalAlign: 'top',
    31.         y: 70,
    32.         layout: 'vertical'
    33.     },
    34.     series: [{
    35.         name: '预算拨款',
    36.         data: [43000, 19000, 60000, 35000, 17000, 10000],
    37.         pointPlacement: 'on'
    38.     }, {
    39.         name: '实际支出',
    40.         data: [50000, 39000, 42000, 31000, 26000, 14000],
    41.         pointPlacement: 'on'
    42.     }]
    43. });
    复制代码
    但是渲染完成后如图片蜘蛛图所示,无论是在自己的IDE上编辑本地浏览器预览,还是用官方的HCODE工具,都是这样。只有通过官网点击预览代码进入HCODE才能成功,自己本地编辑器测试未成功过。。。

    蜘蛛图

    蜘蛛图

    本帖被以下淘专辑推荐:

  • TA的每日心情
    擦汗
    2017-11-29 14:57
  • 签到天数: 747 天

    [LV.9]以坛为家II

    86

    主题

    1107

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21523

    最佳新人活跃会员热心会员突出贡献优秀版主荣誉管理论坛元老

    发表于 2017-4-19 17:40:49 | 显示全部楼层
    蜘蛛图需要额外的引入 highcharts-more.js
    1. <script src="http://cdn.hcharts.cn/highcharts/highcharts-more.js"></script>
    复制代码

    请参考教程:https://www.hcharts.cn/docs/polar-chart

    另外 HCODE 右侧也有引入:

    QQ图片20170419174157.png QQ图片20170419174219.png
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts
  • TA的每日心情
    难过
    2017-4-19 17:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    2

    主题

    3

    帖子

    33

    积分

    HC 新手

    Rank: 1

    积分
    33
     楼主| 发表于 2017-4-19 18:57:44 | 显示全部楼层
    群大大 发表于 2017-4-19 17:40
    蜘蛛图需要额外的引入 highcharts-more.js
    请参考教程:https://www.hcharts.cn/docs/polar-chart

    感谢,之前没看到

    不过我还有一个问题,蜘蛛图渲染出来后,因为不同字段的数据维度不一致,请问不同方向轴上的维度能根据数据自身进行适应么,或者有没有什么调整的方法,现在因为有一轴是200多的,有一轴这是0.03多的,造成渲染出来后只剩下一根线了
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表