---
title: Add Native Chart in multiple Grid columns based on a data item value.
description: The current KB article shows how we can display a Native Chart as a background inside multiple Native Grid columns.
type: how-to
page_title: Add Chart as a background of multiple Native Grid columns based on a data item value.
slug: grid-display-chart-in-multiple-grid-columns
tags: grid, chart, background, multiple column, kendovue, native
res_type: kb
category: knowledge-base
---

## Environment

<table>
    <tbody>
	    <tr>
	    	<td>Product Version</td>
	    	<td>3.10.0</td>
	    </tr>
	    <tr>
	    	<td>Product</td>
	    	<td>Progress® Kendo UI for Vue Native</td>
	    </tr>
    </tbody>
</table>


## Description

The current KB article shows how we can display a `Native Chart` as a background inside multiple `Native Grid` columns based on a data item value.

## Runnable example

{% meta height: 420 %}
{% embed_file grid-display-chart-in-multiple-grid-columns/main.vue preview %}
{% embed_file grid-display-chart-in-multiple-grid-columns/main.js %}
{% embed_file grid-display-chart-in-multiple-grid-columns/UnitCellReverse.vue %}
{% embed_file grid-display-chart-in-multiple-grid-columns/Units.vue %}
{% embed_file grid-display-chart-in-multiple-grid-columns/UnitsCell.vue %}
{% endmeta %}

