title: Kendo Angular Bar chart customization on applying gradient color
body: <p><a href="https://i.stack.imgur.com/b1etD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b1etD.png" alt="enter image description here"></a>iam new to Kendo UI angular,
  i have to customize a bar chart, where every bar will have multiple color gradient.
  is it possible to attain in kendo? i have my bar chart developed in fusion but iam finding it little difficult to acheive the same with kendo.</p>
  
  <p>have attached an image of what i need to achieve and also what my code in kendo is.</p>
  
  <p>my code in kendo</p>
  
  <pre><code>&lt;kendo-chart style="height: 317px;"&gt;
      &lt;kendo-chart-axis-defaults [majorGridLines]="{ visible : false}"&gt;
        &lt;/kendo-chart-axis-defaults&gt;
        &lt;kendo-chart-series-defaults type="bar"&gt;
            &lt;kendo-chart-series-defaults-labels format=""&gt;
            &lt;/kendo-chart-series-defaults-labels&gt;
        &lt;/kendo-chart-series-defaults&gt;
      &lt;kendo-chart-category-axis &gt;
          &lt;kendo-chart-category-axis-item [categories]="['jan','feb','mar','apr','may','jun','aug','set','oct','nov','dec']"&gt;
          &lt;/kendo-chart-category-axis-item&gt;
      &lt;/kendo-chart-category-axis&gt;
    &lt;kendo-chart-series&gt;                  
        &lt;kendo-chart-value-axis&gt;
            &lt;kendo-chart-value-axis-item [line]="{visible:false}" labels="false"&gt;
            &lt;/kendo-chart-value-axis-item&gt;
        &lt;/kendo-chart-value-axis&gt;
      &lt;kendo-chart-series-item 
        type="column"
        [color]="pointColor"
        [gap]="10"
        [stack]="true" 
        [data]="['1000','0','200','2000','1500','1000','0','200','2000','1500','3500','25']"
        &gt;
        &lt;kendo-chart-series-item-labels [content]="labelContent" rotation="90" [position]="end" &gt;
          &lt;/kendo-chart-series-item-labels&gt;
      &lt;/kendo-chart-series-item&gt;
    &lt;/kendo-chart-series&gt;
  &lt;/kendo-chart&gt;
  </code></pre>