kendo-ui - 剣道チャートのさまざまなフィールドでデータポイントを表示するには?

Question

ツールチップにすべてのデータ ポイントを表示したい。私のデータには 2 つのシリーズがあり、シリーズには 2 つのポイントがあり、ポイントには 3 つのフィールド (値、ベース、日付) があります。

これを試してみますhttp://trykendoui.telerik.com/OCeBしかし、x軸が繰り返されます

解決策があれば、データソースを使用したい

Answer 1

通常、系列の x 値は繰り返されるべきではありません。グラフを修正するには 2 つのオプションがあります。

オプション 1: 各データポイントで両方の系列の値を定義する

        var internetUsers = [
        {
          "S1Value" : 1,
          "S1base" : 2,
          "S2Value" : 3,
          "S2base" : 2,
          "date" : 2011
        },
        {
          "S1Value" : 5,
          "S1base" : 6,
          "S2Value" : 4,
          "S2base" : 7,              
          "date" : 2013
        },
      ]

それぞれのツールチップを定義します。

           series: [{
                field: "S1Value",
                name: "United States", 
                tooltip: {
                  visible: true,
                  background: "#FFFFFF",
                  template:
                    "#= series.name # <br /> " +
                        "Fecha = #= category # <br /> " +
                        "Valor = #= value # <br/> " +
                        "Base = #= dataItem.S1base # ",
                  format: "n2",
            }
            },{
                field: "S2Value",
                name: "Mexico", 
                  tooltip: {
                  visible: true,
                  background: "#FFFFFF",
                  template:
                    "#= series.name # <br /> " +
                        "Fecha = #= category # <br /> " +
                        "Valor = #= value # <br/> " +
                        "Base = #= dataItem.S1base # ",
                  format: "n2",
            }
            }

http://trykendoui.telerik.com/OCeB/2

オプション 2:

シリーズを 2 つに分割します。

        var internetUsersS1 = [
        {
          "S1" : 1,
          "base" : 2,
          "date" : 2011
        },
        {
          "S1" : 5,
          "base" : 6,
          "date" : 2013
        }
      ]
      var internetUsersS2 = [
          {
          "S2" : 3,
          "base" : 2,
          "date" : 2011


        },
          {
          "S2" : 4,
          "base" : 7,
          "date" : 2013
        }
      ]

...各シリーズに独自のデータソースを与えます。

 series: [{
                data: internetUsersS1,
                field: "S1",
                name: "United States"
            },{
                data: internetUsersS2,
                field: "S2",
                name: "Mexico"
            }
            ]

http://trykendoui.telerik.com/OCeB/3