This is a migrated thread and some comments may be shown as answers.

How to remove line chart plot points

2 Answers 878 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Paul
Top achievements
Rank 1
Paul asked on 27 Feb 2020, 02:36 PM

I am trying to figure out how to replace the points (open circle dots) on a line chart with just a smooth line. I have been looking through the chart API and thought the solution would be the plot area border dash type. However, this doesn't appear to do anything. I am either implementing it incorrectly or it is not the correct solution. A third possibility is that it is buggy and does not work. I am using Vue with typescript. Below is my attempted implementation:

<kendo-chart :data-source="chartData"
:series="series"
:pannable-lock="'y'"
:zoomable-mousewheel-lock="'y'"
:zoomable-selection-lock="'y'"
:category-axis="categoryAxis"
:theme="'sass'"
:category-axis-title-text="'Time'"
:value-axis-title-text="'Attribute'"
:tooltip="tooltip"
:plot-area="plotArea">
</kendo-chart>

plotArea: any = {
border: {dashType: 'solid'}
};

2 Answers, 1 is accepted

Sort by
0
Paul
Top achievements
Rank 1
answered on 27 Feb 2020, 07:05 PM
I was able to figure out what I needed to use which was the series labels markers property.
0
Nikolay
Telerik team
answered on 02 Mar 2020, 09:55 AM

Hello Paul,

Indeed, the line chart point can be removed using the series.markers.visible setting. I am posting the code below so others could benefit from this thread:

<kendo-chart-series-item :name="'India'"
                                 :markers-visible="false"
                                 :data="indiaData">

This could be observed live in nthe following demo: https://stackblitz.com/edit/paiorj

Regards,


Nikolay
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Grid
Asked by
Paul
Top achievements
Rank 1
Answers by
Paul
Top achievements
Rank 1
Nikolay
Telerik team
Share this question
or