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

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'       
         }]
});

运行如下:

highcharts报表插件之Symbols参数的使用_第1张图片

实例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'       
         }]
});
运行如下:

 highcharts报表插件之Symbols参数的使用_第2张图片

 

你可能感兴趣的:(highcharts报表插件之Symbols参数的使用)