Gantt Chart image binding

[Sanghoon Hong]

Hi,

I have problem to insert image in gantt chart grid.

I attached my source code. 

What part of my code do I need to fix it?

Thanks.

Attachment: ganttImg_51002b63.zip

[Premkumar Sudalaimuthu]

Hi Sanghoon,

We have prepared a column template sample for your reference. We request you to refer to that sample for achieving the column template. Please contact us if you need any further assistance.

Code snippets:

APP.Vue

 

<e-column field='resources' :template="'columnTemplate'" width='250'>

<template v-slot:columnTemplate="{data}">

<div class="columnTemplate" v-if="data.ganttProperties.resourceNames">

<img

:src="'https://ej2.syncfusion.com/vue/demos/source/gantt/images/' + data.ganttProperties.resourceNames + '.png'"

height="40px" />

<div style="display:inline-block;width:100%;position:relative;left:30px">

{{data.TaskName}}</div>

</div>

</template>

</e-column>

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/slot-1-194402279

Regards,

Premkumar S