Javascript 如何将项目添加到Highcharts图例?
我有一个包含两个系列的图:Javascript 如何将项目添加到Highcharts图例?,javascript,highcharts,Javascript,Highcharts,我有一个包含两个系列的图:列和样条线。通过编程,我更改了一些符合某些标准的列的颜色,比如说,10个最低分数以绿色呈现,而其余为蓝色 现在,在图例中,我有了系列名称,但它显然以默认的蓝色显示了样条线系列名称和列系列名称。我想知道如何为显示为绿色的列(例如“最低分数”)的图例添加名称 编辑: 该系列的代码: series: [{ type: 'column', color: '#215868', name: 'Score per round ', data: [ {y:65,
列
和样条线
。通过编程,我更改了一些符合某些标准的列的颜色,比如说,10个最低分数以绿色呈现,而其余为蓝色
现在,在图例中,我有了系列名称,但它显然以默认的蓝色显示了样条线系列名称和列系列名称。我想知道如何为显示为绿色的列(例如“最低分数”)的图例添加名称
编辑:
该系列的代码:
series: [{
type: 'column',
color: '#215868',
name: 'Score per round ',
data: [
{y:65,name:'Caracas Country Club', color: '#7EB035'},
{y:72,name:'Biltmore Golf Course', color: '#7EB035'},
{y:72,name:'Nashua Country Club', color: '#7EB035'},
{y:90,name:'Hilaman Park Golf Course'},
{y:105,name:'Biltmore Golf Course'},
{y:90,name:'Binks Forest Golf Club', color: '#7EB035'},
{y:90,name:'Binks Forest Golf Club', color: '#7EB035'},
{y:90,name:'Blackhawk Country Club | The Falls', color: '#7EB035'},
{y:90,name:'Blackhawk Country Club | The Falls', color: '#7EB035'},
{y:72,name:'Pembroke Country Club', color: '#7EB035'},
{y:90,name:'The Greens At North Hills Country Club'},
{y:90,name:'Havana Country Club | Kilamanjaro/Kenya'},
{y:90,name:'Biltmore Golf Course'},
{y:90,name:'Biltmore Golf Course'},
{y:90,name:'Challenge At Santa Rita'},
{y:100,name:'Lake Chabot Golf Course | Lake Chabot'},
{y:90,name:'Hillcrest Golf & Country Club | Championship', color: '#7EB035'},
{y:100,name:'Hillcrest Golf & Country Club | Championship'},
{y:100,name:'Hillcrest Golf & Country Club | Championship'},
{y:90,name:'Hillcrest Golf & Country Club | Championship', color: '#7EB035'},]
},
{
type: 'spline',
name: 'Avg Score',
color: '#009900',
data: [
{y:89.9,name:'Caracas Country Club'},
{y:89.4,name:'Biltmore Golf Course'},
{y:88.9,name:'Nashua Country Club'},
{y:88.9,name:'Hilaman Park Golf Course'},
{y:89.4,name:'Biltmore Golf Course'},
{y:89.4,name:'Binks Forest Golf Club'},
{y:89.4,name:'Binks Forest Golf Club'},
{y:89.4,name:'Blackhawk Country Club | The Falls'},
{y:89.4,name:'Blackhawk Country Club | The Falls'},
{y:89.0,name:'Pembroke Country Club'},{y:89.0,name:'The Greens At North Hills Country Club'},
{y:89.0,name:'Havana Country Club | Kilamanjaro/Kenya'},
{y:89.1,name:'Biltmore Golf Course'},
{y:89.1,name:'Biltmore Golf Course'},
{y:89.1,name:'Challenge At Santa Rita'},
{y:89.3,name:'Lake Chabot Golf Course | Lake Chabot'},
{y:89.4,name:'Hillcrest Golf & Country Club | Championship'},
{y:89.6,name:'Hillcrest Golf & Country Club | Championship'},{y:89.8,name:'Hillcrest Golf & Country Club | Championship'},
{y:89.8,name:'Hillcrest Golf & Country Club | Championship'},
]
}
]
我刚刚添加了一个带有所需属性(名称和颜色)的空序列,它成功了。以防您发现自己处于这种情况。请输入相关代码!对不起,我补充道。我问过的第一个问题,可能不是你想要的。但是你可以通过将一个系列分成两半来创建第三个系列,其中绿色是一个系列,另一组是另一个系列。传说是真正只为系列,它是按设计工作。您也可以尝试在图表本身上为绿色项目添加注释。最好将空系列的类型设置为“行”,这样,如果它类似于列或条形,则不会影响主系列。上面的注释非常有用。但若您希望图例符号在默认情况下显示为正方形,那个么还有一个补充就是使用图表类型作为区域。将“类型”设为“线”,将图例符号显示为删除线