2

OK と OK ではない 2 種類のデータを含む円グラフがあります。緑でOK、赤でOKではないレンダリングしたい。ドキュメントを検索しましたが、結果はありませんでした。これまでのところ、私のコードは次のとおりです。

new CanvasXpress("orderProgressCanvas", {
  "y": {
    "vars": [
      "Ok",
      "No"
    ],
    "smps": [
      "Percentuale completamento"
    ],
    "colorRGB": [
      "rgb(0,255,0)",
      "rgb(255,0,0)"
    ],
    "data": [
      [
        progress
      ],
      [
        100-progress
      ]
    ]
  }
}, {
  "graphType": "Pie",
  "pieSegmentPrecision": 1,
  "pieSegmentSeparation": 2,
  "pieSegmentLabels": "outside",
  "pieType": "solid",
  "showLegend": false,
  "background" : "rgb(192,208,216)"
});

しかし、色の定義は機能しません..何か考えはありますか? 進行状況は、0 から 100 までの JavaScript 変数です。

ありがとう

4

1 に答える 1

2

私は主な開発者に尋ねました：

構成の色プロパティに必要な色を入れるだけです。指定した順に選択されます。また、十分な colorr を指定していることを確認してください。そうしないと、使用時にリサイクルされます。

'colors': ['rgb(234,234,1)', 'rgb(56,35,12)'.......etc]

私のコードは次のようになりました：

new CanvasXpress("orderProgressCanvas", {
  "y": {
    "vars": [
      "Ok",
      "No"
    ],
    "smps": [
      "Percentuale completamento"
    ],
    "data": [
      [
        progress
      ],
      [
        100-progress
      ]
    ],
  }
}, {
  "graphType": "Pie",
  "pieSegmentPrecision": 1,
  "pieSegmentSeparation": 2,
  "pieSegmentLabels": "outside",
  "pieType": "solid",
  "showLegend": false,
  "background" : "rgb(192,208,216)",
  "colors": [
           "rgb(57,133,0)",
           "rgb(163,0,8)"
           ],
});
于 2012-10-03T23:29:41.643 に答える