Highcharts 中文社区

 找回密码
 立即注册
查看: 78|回复: 4

[Highcharts] 【已解决】怎么样修改xAxis的轴线样式,例如lineStyle

[复制链接]
  • TA的每日心情
    奋斗
    2019-8-3 11:26
  • 签到天数: 1 天

    [LV.1]初来乍到

    4

    主题

    7

    帖子

    60

    积分

    HC 新手

    Rank: 1

    积分
    60
    发表于 2019-7-9 21:22:16 | 显示全部楼层 |阅读模式
    本帖最后由 菜菜2019 于 2019-8-19 15:16 编辑
    1. $(function () {
    2.         $('#container').highcharts({
    3.                 yAxis: {
    4.                         gridLineDashStyle: 'longdash'
    5.                 },
    6.                 xAxis: {
    7.                         lineColor:'red',
    8.                         lineWidth:4,
    9.                         lineStyle:'longdash',
    10.                         categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    11.                 },
    12.                 series: [{
    13.                         data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    14.                 }]
    15.         });
    16. });
    复制代码
    能不能有个lineStyle可以修改x轴的轴线样式
    https://jshare.com.cn/temp/OMUWv3
  • TA的每日心情
    无聊
    2019-8-12 09:47
  • 签到天数: 263 天

    [LV.8]以坛为家I

    30

    主题

    924

    帖子

    4362

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4362

    最佳新人活跃会员

    QQ
    发表于 2019-7-11 20:06:13 | 显示全部楼层
    加个样式就行

    1. .highcharts-axis-line {
    2.         stroke-dasharray: 8,3;
    3. }
    复制代码


    https://jshare.com.cn/temp/OMUWv3/1
    Highcharts 中文网论坛管理团队

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

    [LV.1]初来乍到

    4

    主题

    7

    帖子

    60

    积分

    HC 新手

    Rank: 1

    积分
    60
     楼主| 发表于 2019-7-31 11:49:10 | 显示全部楼层

    谢谢啦,这个能解决单个图表问题,但是我需要通过js来设置,轴线样式,轴线宽度等等,要是有个lineStyle就能完美啦
  • TA的每日心情
    无聊
    2019-8-12 09:47
  • 签到天数: 263 天

    [LV.8]以坛为家I

    30

    主题

    924

    帖子

    4362

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4362

    最佳新人活跃会员

    QQ
    发表于 2019-7-31 12:14:42 | 显示全部楼层
    这个是修改源码实现坐标轴线 LineDashStyle

    https://jshare.com.cn/temp/OMUWv3/2

    另外我们会考虑新增配置支持轴线的样式配置
    Highcharts 中文网论坛管理团队

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

    [LV.1]初来乍到

    4

    主题

    7

    帖子

    60

    积分

    HC 新手

    Rank: 1

    积分
    60
     楼主| 发表于 2019-8-3 11:24:55 | 显示全部楼层
    简数科技 发表于 2019-7-31 12:14
    这个是修改源码实现坐标轴线 LineDashStyle

    https://jshare.com.cn/temp/OMUWv3/2

    太感谢了,学习了
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

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

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