HighCharts堆积柱形图(Stacked column)添加连线

本文介绍如何在HighCharts的堆积柱形图中添加连线效果。通过实例展示了添加前后的效果,并提供了一个在线测试地址供读者验证。通过实现特定的代码,实现了这一功能。
摘要由CSDN通过智能技术生成

项目中需要堆积柱形图(Stacked column chart) 的连线效果 结果找了许多图表都没有,看着highcharts还不错,就自己想办法添加了。在线测试地址:http://jsfiddle.net/cqzhangkang/LTsku/4/

添加前效果:



 

添加后效果



 

实现代码:

$(function () {
        
    var defaultColors = ['#058DC7', '#50B432','#DDDF00', '#ED561B',  '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'];
    Highcharts.setOptions({colors : defaultColors});
    /*** 渐变效果**
    Highcharts.getOptions().colors = Highcharts.map(default
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值