1

ハイチャートのスピードメーターにはいくつかの例があります。

ゲージをダイヤルせずに、追加のdataLabel のみを表示する方法はありますか? トリップレコーダー、マイレージカウンター、またはデイカウンターを表示できます。

追加のシリーズと dataLabels を試しましたが、実行できませんでした。

http://jsfiddle.net/uqa0t3xw

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

1 に答える 1

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これは、独自のものを作成して正しい場所に配置するか、最初のシリーズからデータ ラベルをコピーして少し移動することでも解決できることに注意してください。

于 2015-03-22T18:53:40.033 に答える