I need to make all grid lines and axes disappear on a Chart using ChartSeries and not ChartCategories. I realize the standard answer is to set line visibility to false on ChartCategoryAxisItem, but for technical purposes this chart needs to not utilize categories.

The code:

<Chart style={{ height: 179, background: "#DDE9ED" }}>
<ChartArea background="#DDE9ED" />
<ChartSeries>
<ChartSeriesItem
data={series}
gap={1} type="bar" field="data" categoryField="name" color="color"
labels={{ visible: true, font: "14", background: "#DDE9ED" }}
/>
</ChartSeries>
</Chart>

How the chart currently looks:
How we want it to look:

https://stackblitz.com/edit/react-bbc32g?file=app%2Fmain.tsx

Please help me solve this case,

how to make a chart legend look like this ?

I'm using kendo react, and I'm having trouble customizing the legend to look like in the image, can someone help me?

Thank you 🙏

For example, we are trying to include an info icon next to each category axis label in a line chart that, when clicked, would display a popup with additional data that's not already found in the chart. We have yet to find anything that directly says we can use icons/images in this way inside chart components.

Is there a way that we can include an icon/image next to the category label text for every category? 

Hi 

I can not find any resource for rotate labels

please help me

Hello,
it is possible somehow pass HTML into Hint component ?

Thank you
<Field name={"logo"}
       label={"Bound with logo"}
       hint={"Logo only displays on <strong>Premium</strong> jobs"}
       component={FormDropDownList} />
                     

Hi,

Is it possible to add line marker to the legend, so that if we choose rectangle for marker style we get a little rectangle in the legend?

I can alter the text and color by customizing "labels" prop but it still shows just line, no matter what marker type is selected.

Regards,

Vladimir