为了账号安全,请及时绑定邮箱和手机立即绑定

Highcharts(四)之数据列

标签:
WebApp

title: Highcharts(四)之数据列
date: 2016-07-23 23:28:19
tags:


700

1.数据列中的数据填充:

方法一:一维数组

如果有categories属性的话就是使用一维数组

data : [1, 4, 6, 9, 10]

方法二:二维数组

如果没有categories属性的话就是使用二维数组

data : [ [5, 2], [6,3], [8,2] ]

方法三:集合

series:[{
    data : [{
    name : "point 1",
    color : "#00ff00",
    y : 0
    }, {
    name : "Point 2",
    color : "#ff00ff",
    y : 5
 }]
}]

700

2.线条宽度(lineWidth):

将线条的宽度改为5px默认为1px

series: [{
  data: [216.4, 194.1, 95.6],
  lineWidth: 5
}]

3.数据标签(dataLables):

plotOptions: {            series: {
                dataLabels: {
                    enabled: true,
                            }
            }
        },

4.线条样式(Dash Style):

series: [{
            data: [1, 3, 2, 4, 5, 4, 6, 2, 3, 5, 6],
            dashStyle: 'longdash'
        }, {
            data: [2, 4, 1, 3, 4, 2, 9, 1, 2, 3, 4, 5],
            dashStyle: 'shortdot'
        }]

5.Zoom

series:[{
               name:"a",
               data:[1,2,3],
               zoneAxis: 'x',    //指定作用于哪个轴
               zones: [{
            value: 1.7,
            color:'#90ed7d'//这两个属性是可以放在一起的但不能和dashStyle放在一起
               }, {
                   dashStyle: 'dot'
               }]
           }]



作者:lwenxu
链接:https://www.jianshu.com/p/ec1635c18084


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

0 评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消