Cursor hand pointer when hovering on rangeBar item

[Joel]

Hello , I would like to add a class to the ChartSeriesItem,  the hand cursor pointer :

This is my code :

Chart.m-4.p-5#range-bar-chart( @seriesclick="onSeriesClick" :style="{ height: getChartHeight() }")

  ChartTooltip(:render="'tooltipRender'" background="#fff" color="#000" position="left")

    template(v-slot:tooltipRender="{ props }")

      .d-flex.align-items-center.flex-column.tooltip-content

        h6.font-weight-bold.text-center.tooltip-category-title {{ props.point.category }}

        .d-flex.align-items-center

          span {{ $t('home.rangeBarChart.date.start') }} :

          span.font-weight-bold.ml-1 {{ labelContentFrom(props.point)}}

        .d-flex.align-items-center

          span {{ $t('home.rangeBarChart.date.end') }} :

          span.font-weight-bold.ml-1 {{ labelContentTo(props.point)}}

  ChartTitle( v-if="chartTitle && chartTitle !== ''"  :text="$t('home.rangeBarChart.'+ chartTitle + '.title' )"  align='left' color='#475467' :font="'600 16px Inter'")

    ChartCategoryAxisItem( :categories="categoriesValues" :major-grid-lines='{visible: false }' :margin=10 :font="'600 14px Inter '" )

  ChartCategoryAxis

    ChartCategoryAxisItem( :major-grid-lines='{visible: false }' :categories="categoriesValues" :margin=10 :font="'600 14px Inter '" :labels="{visible: true, visual: getYAxisLabels}")  

  ChartValueAxis

    ChartValueAxisItem(

    :major-grid-lines="{visible: false }" 

    :crosshair="{visible: false }" 

    :min="valueAxisObj.min" 

    :max="valueAxisObj.max" 

    :fromField="'min'" 

    :toField="'max'"

    :font="'600 14px Inter '"

    :rotation="'auto'" 

    :labels="{ visual: getTimeLabels}"

    )    

  ChartSeries

    ChartSeriesItem(:type="rangeBarType", :data-items="myDataItemsComputed"  :category-field="'phase'" :font="'600 14px Inter '" :color="barItemColor"  )

      ChartSeriesLabels

        ChartSeriesLabelsFrom(:content="labelContentFrom" )

        ChartSeriesLabelsTo(:content="labelContentTo")  

 

[Joel]

really , no one has issues with applying a cursor pointer ? is it that simple ?

[Konstantin Dikov]

Hi Joel,

Currently, there is no option for changing the pointer of the elements. 

I would suggest logging an item in our public feedback portal for introducing such option for the Chart elements:

• https://feedback.telerik.com/kendo-vue-ui

 

Regards,
Konstantin Dikov
Progress Telerik

[Joel]

ok, thank you