在HighchartJS中,以多个为单位做legent,并添加额外的legent

时间:2018-11-28 10:46:38

标签: javascript highcharts

我是HighChart的新手,我想制作以下样式的数据集。

enter image description here

有没有办法做到这一点。

1 个答案:

答案 0 :(得分:0)

是的,您可能需要使用highcharts提供的各种属性来自定义图例。它还提供了使用自定义HTML设计图例的功能。下面是示例图例属性,可用于定义位置,对齐方式和html格式等。

legend: {
      align: 'right',
      verticalAlign: 'top',
      layout: 'vertical',
      x: -50,
      y: 120,
      symbolPadding: 0,
      symbolWidth: 0.1,
      symbolHeight: 0.1,
      symbolRadius: 0,
      useHTML: true,  
      labelFormatter: function() {

        return '<div style="width:200px;"></span><span style="float:right;padding:9px">' + this.percentage.toFixed(2) + " " + this.y + '%</span></div>';
      },
},