Highcharts Speedometer, dataLabel для счетчика пробега

Question

Есть несколько примеров со спидометром в Highcharts.

Есть ли способ, чтобы показать дополнительные dataLabel only, без набора номера в датчике? Он может показывать регистратор поездки, счетчик пробега или дневной счетчик.

Я попробовал дополнительные серии и dataLabels, но не смог запустить его.

http://jsfiddle.net/uqa0t3xw

series: [{ 
    name: 'mileage counter', 
    data: [], 
    dataLabels: { 
     x: 0, y: 20, 
     format: '{y:.0f} km', 
    } 
}] 

Answer 1

Если вы хотите иметь дополнительную метку данных, добавив еще одну серию и скрытие циферблата вы можете сделать это, установив цвет циферблата на "transparent" (JSFiddle):

series: [ 
// Our "hidden" series 
{ 
    name: 'mileage counter', 
    data: [0], 
    dataLabels: { 
     x: 0, y: 50, 
     format: '{y:.0f} km', 
    }, 
    dial: { 
     backgroundColor: 'transparent' 
    } 
}, 
// ... Other series 
] 

Также обратите внимание, как значение y должно быть достаточно большим, чтобы не перекрываться с другими метками данных. Если он перекрывается, он будет скрыт, поскольку по умолчанию значение allowOverlap: false. В качестве альтернативы вы можете установить это значение true, но перекрытие может быть не очень красивым.

Следует отметить, что это также можно решить, создав свой собственный div и поместив его в нужное место или, возможно, скопировав метку данных из первой серии и слегка передвинув ее.