Question

我需要把传说作为按钮。它应该是单独的按钮。

我尝试了以下样式，但它将整个部分作为按钮

 legend: {
                enabled: true,
                backgroundColor: '#29a2c6',
                borderRadius:3,
                symbolWidth:30
            },

但我需要像

Answer 1

Highcharts API允许您以两种方式自定义项目的图例样式：

将itemStyle与一些CSS限制一起使用：

仅支持CSS的一个子集，特别是与文本相关的选项。默认为{＆＃34;颜色＆＃34;：＆＃34;＃333333＆＃34;，＆＃34;光标＆＃34;：＆＃34;指针＆＃34;，＆＃34; fontSize＆＃34;：＆＃34; 12px＆＃34;，＆＃34; fontWeight＆＃34;：＆＃34; bold＆＃34; }。

或

同时使用useHTML和labelFormat

variable::base::instances:
  instance1:
    server_control_port :  '8001'
    http_port           :  '8011'
    ajp_port            :  '8111'
    ajp_params          :  
        tomcatAuthentication : 'false'
    manage_firewall     :  true
  instance2:
    server_control_port :  '8002'
    http_port           :  '8022'
    ajp_port            :  '8222'
    manage_firewall     :  true
variable::app::wars:
   instance1_app:
     path:                 '/var/lib/tomcats/instance1/webapps/sample.war'
     owner:                tomcat
     group:                root
     source:               '/usr/local/src/sample.war'

并在separeted CSS Class中设置样式

legend: {
    useHTML: true,
    labelFormat: '<span class="span-legend-item">{name}</span>'
},

jsfiddle here

这可能不是你想要的。但这可能是一个很好的起点。

将高级图例作为单个按钮

1 个答案: