title: multiple data on a "single bar" in a bar chart in Kendo
body: <p>I have the following codes below:</p>
  
  <pre><code>$("#scaledScore").kendoChart({
          dataSource: chartData(),     // return array list.
          series: [
              {
                  type: "bar",
                  field: "StudentScore",
                  name: "Student's score"
              }
          ],
          valueAxis: {
              field: "SchoolScore"
          },
          categoryAxis: {
              field: "Description"
          }
      });
  </code></pre>
  
  <hr>
  
  <pre><code>function chartData(){
      var sampleData = new Array();
  
      sampleData[0] = {
          Description : "Math",
          StudentScore: 45,
          Subject: Math
      };
  
      sampleData[1] = {
          Description : "Science",
          StudentScore: 60,
          Subject: Science
      };
  
      sampleData[2] = {
          Description : "English",
          StudentScore: 45,
          Subject: English
      };
  
      return sampleData;
  }
  </code></pre>
  
  <hr>
  
  <p>The above codes will render a bar chart with (three) bars for (Math, Science, and English) as expected.  But what I want is to have a single bar ONLY for (Math, Science and English). Say Math value will have a RED color, Science will have GREEN and English will have BLUE.</p>
  
  <p>Is that possible?</p>
  
  <p>FYI: Stacked Bar will not work for me.</p>
  
  <p>Thanks</p>