チャートjsデータラベルプラグインフォーマッターの変数を作成する方法

アペックスタートル

作成するすべてのグラフにわたって、chart jsdatalabelsプラグインのグローバルフォーマット変数を作成しようとしています。これが私の試みです-

グローバル変数:

var datalabels_format_sanssymb = {
    function (value) {
        if (value >= 1000000000 || value <= -1000000000) {
            return (value / 1000000000).toFixed(1).replace(/\.0$/, '');
        }
        if (value >= 1000000 || value <= -1000000) {
            return (value / 1000000).toFixed(1).replace(/\.0$/, '');
        }
        if (value >= 1000 || value <= -1000) {
            return (value / 1000).toFixed(1).replace(/\.0$/, '');
        }
        return value;
    }
}

そして、ここで私はチャートjavascriptの変数を呼び出したいところです:

plugins: {
    datalabels: {
        formatter: datalabels_format_sanssymb,
        font: {
            size: 10,
            weight: 'bold'
        },
        color: '#333333'
    }
},

これはうまくいかないようです。私はこれを正しく行っていますか?

timclutton

plugins.datalabels.formatter関数に設定する必要があります。オブジェクトに設定しています。定義を変更して、先頭{と末尾が含まれないようにします}

var datalabels_format_sanssymb = function (value) {
    if (value >= 1000000000 || value <= -1000000000) {
        return (value / 1000000000).toFixed(1).replace(/\.0$/, '');
    }
    if (value >= 1000000 || value <= -1000000) {
        return (value / 1000000).toFixed(1).replace(/\.0$/, '');
    }
    if (value >= 1000 || value <= -1000) {
        return (value / 1000).toFixed(1).replace(/\.0$/, '');
    }
    return value;
}

については、プラグインのドキュメント参照してください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ウォーターフォールチャートを作成するためのchart.jsプラグイン

分類Dev

JSのタイムラインチャートでラベルをグループ化する方法

分類Dev

複数のプロジェクトでカスタムスキャフォールディングを作成する方法(mvc +クラスライブラリ)

分類Dev

Gitlabでマージのデフォルトのターゲットブランチを変更する方法

分類Dev

Gitlabでマージのデフォルトのターゲットブランチを変更する方法

分類Dev

チャートJSでグラフをプロットするために「時間」(データベースからのデータ、データ型:タイムスタンプ)を使用する方法

分類Dev

Chart.jsマルチバースタックチャートに複数のラベルを表示する方法

分類Dev

縦棒グラフのデータラベルをフォーマットする方法

分類Dev

openpyxlでのチャートデータラベルのフォーマット

分類Dev

チャートプロパティのイベントロードでchart.renderer.textを使用して、デフォルトのツールチップと同等のカスタムツールチップをマウスオーバーに配置する方法

分類Dev

ハイチャートグラフのデータソースをJSONで返し、SeleniumとC#で正しくフォーマットするJQueryJavascript関数

分類Dev

パターンマッチングのデフォルトケースのタイプを取得する

分類Dev

グーグルチャートで縦棒グラフのツールチップデータを取得する

分類Dev

Wordpressプラグイン(イベントマネージャー)の使い方を知っている人はいますか?デフォルトのイベントマネージャーのリストビューを別の表示タイプに変換する必要があります

分類Dev

Wordpressプラグイン(イベントマネージャー)の使い方を知っている人はいますか?デフォルトのイベントマネージャーのリストビューを別の表示タイプに変換する必要があります

分類Dev

別のクラスからプライベート変数を持つデフォルトコンストラクタを印刷する方法

分類Dev

ハイチャートを使用してヒートマップのサイズ変更後にデータラベルの位置を更新する

分類Dev

ハイチャートバーはデータラベルをパーセントにフォーマットし、テキストを追加します

分類Dev

iOSチャートでデータポイントラベルをカスタマイズする方法は?

分類Dev

C#チャートコントロールで円グラフのラベルをフォーマットする方法

分類Dev

チャート上のデータポイントを条件付きでフォーマットする方法

分類Dev

プラグインを使用せずにデフォルトのツールチップをカスタマイズする

分類Dev

プラグインを使用せずにデフォルトのツールチップをカスタマイズする

分類Dev

ggplotを使用して、ウォーターフォールチャートのチャートラベル値をフォーマットします

分類Dev

表示するデータをフィルタリングするHighchartsデータラベルフォーマッタを作成します

分類Dev

Ubuntuのマルチプラットフォームポータブルペンドライブを作成するにはどうすればよいですか?

分類Dev

フラッターとプラットフォーム間でマイクデータをストリーミングする方法は?

分類Dev

Chart.js 2.0ドーナツグラフのツールチップをカスタマイズする方法

分類Dev

Javascript Highcharts:配列からすべてのデータをフォーマットするのではなくデータをループするシリーズデータラベルフォーマッター関数

Related 関連記事

  1. 1

    ウォーターフォールチャートを作成するためのchart.jsプラグイン

  2. 2

    JSのタイムラインチャートでラベルをグループ化する方法

  3. 3

    複数のプロジェクトでカスタムスキャフォールディングを作成する方法(mvc +クラスライブラリ)

  4. 4

    Gitlabでマージのデフォルトのターゲットブランチを変更する方法

  5. 5

    Gitlabでマージのデフォルトのターゲットブランチを変更する方法

  6. 6

    チャートJSでグラフをプロットするために「時間」(データベースからのデータ、データ型:タイムスタンプ)を使用する方法

  7. 7

    Chart.jsマルチバースタックチャートに複数のラベルを表示する方法

  8. 8

    縦棒グラフのデータラベルをフォーマットする方法

  9. 9

    openpyxlでのチャートデータラベルのフォーマット

  10. 10

    チャートプロパティのイベントロードでchart.renderer.textを使用して、デフォルトのツールチップと同等のカスタムツールチップをマウスオーバーに配置する方法

  11. 11

    ハイチャートグラフのデータソースをJSONで返し、SeleniumとC#で正しくフォーマットするJQueryJavascript関数

  12. 12

    パターンマッチングのデフォルトケースのタイプを取得する

  13. 13

    グーグルチャートで縦棒グラフのツールチップデータを取得する

  14. 14

    Wordpressプラグイン(イベントマネージャー)の使い方を知っている人はいますか?デフォルトのイベントマネージャーのリストビューを別の表示タイプに変換する必要があります

  15. 15

    Wordpressプラグイン(イベントマネージャー)の使い方を知っている人はいますか?デフォルトのイベントマネージャーのリストビューを別の表示タイプに変換する必要があります

  16. 16

    別のクラスからプライベート変数を持つデフォルトコンストラクタを印刷する方法

  17. 17

    ハイチャートを使用してヒートマップのサイズ変更後にデータラベルの位置を更新する

  18. 18

    ハイチャートバーはデータラベルをパーセントにフォーマットし、テキストを追加します

  19. 19

    iOSチャートでデータポイントラベルをカスタマイズする方法は?

  20. 20

    C#チャートコントロールで円グラフのラベルをフォーマットする方法

  21. 21

    チャート上のデータポイントを条件付きでフォーマットする方法

  22. 22

    プラグインを使用せずにデフォルトのツールチップをカスタマイズする

  23. 23

    プラグインを使用せずにデフォルトのツールチップをカスタマイズする

  24. 24

    ggplotを使用して、ウォーターフォールチャートのチャートラベル値をフォーマットします

  25. 25

    表示するデータをフィルタリングするHighchartsデータラベルフォーマッタを作成します

  26. 26

    Ubuntuのマルチプラットフォームポータブルペンドライブを作成するにはどうすればよいですか?

  27. 27

    フラッターとプラットフォーム間でマイクデータをストリーミングする方法は?

  28. 28

    Chart.js 2.0ドーナツグラフのツールチップをカスタマイズする方法

  29. 29

    Javascript Highcharts:配列からすべてのデータをフォーマットするのではなくデータをループするシリーズデータラベルフォーマッター関数

ホットタグ

アーカイブ