highcharts报表插件之Symbols参数的使用

来源:互联网 发布:js获取div下的a标签 编辑:程序博客网 时间:2024/05/10 18:12

Symbols配置项

存放series point markers的符号数组。使用完所有symbols时,新的symbols从开始位开始,

默认值:

symbols: [         'circle',         'diamond',         'square',         'triangle',         'triangle-down']
实例1:默认值

Highcharts.setOptions({         symbols:['circle','diamond','square','triangle','triangle-down']});var chart = new Highcharts.Chart({         chart:{                   renderTo:'container',                   marginBottom:120,                   width:500         },         legend:{         },         series:[{                   data:[6,4,2],                   name:'First'         },{                   data:[7,3,2],                   name:'Second'           },{                   data:[9,4,8],                   name:'Third'           },{                   data:[1,2,6],                   name:'Fourth'                },{                   data:[4,6,4],                   name:'Fifth'                },{                   data:[1,2,7],                   name:'Sixth'                },{                   data:[4,2,5],                   name:'Seventh'                 },{                   data:[8,3,2],                   name:'Eighth'                },{                   data:[4,5,6],                   name:'Ninth'                }]});

运行如下:

实例2:

Highcharts.setOptions({         symbols:['circle','circle','circle','circle','circle']});var chart = new Highcharts.Chart({         chart:{                   renderTo:'container',                   marginBottom:120,                   width:500         },         legend:{         },         series:[{                   data:[6,4,2],                   name:'First'         },{                   data:[7,3,2],                   name:'Second'           },{                   data:[9,4,8],                   name:'Third'           },{                   data:[1,2,6],                   name:'Fourth'                },{                   data:[4,6,4],                   name:'Fifth'                },{                   data:[1,2,7],                   name:'Sixth'                },{                   data:[4,2,5],                   name:'Seventh'                },{                   data:[8,3,2],                   name:'Eighth'                },{                   data:[4,5,6],                   name:'Ninth'                }]});
运行如下:

 

 

原创粉丝点击