How do I remove the dots in LineChartView iOS charts

Question

I'm learning ios-charts. I was using the tutorial found here. The first picture shows the result I am getting. How do you remove the blue circle dots so that it only shows a smooth line like what is shown in the second picture?

Here is snippet of the code

import UIKit
import Charts

class ChartsViewController: UIViewController {

@IBOutlet weak var lineChartView: LineChartView!

override func viewDidLoad() {
    super.viewDidLoad()

    // Do any additional setup after loading the view.

    let months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"]
    let unitsSold = [20.0, 4.0, 6.0, 3.0, 12.0, 16.0]

    setChart(months, values: unitsSold)

}

func setChart(dataPoints: [String], values: [Double]) {

    var dataEntries: [ChartDataEntry] = []

    for i in 0..<dataPoints.count {
        let dataEntry = ChartDataEntry(value: values[i], xIndex: i)
        dataEntries.append(dataEntry)
    }

    let lineChartDataSet = LineChartDataSet(yVals: dataEntries, label: "Units Sold")
    let lineChartData = LineChartData(xVals: dataPoints, dataSet: lineChartDataSet)
    lineChartView.data = lineChartData

}

}

score 14 · Accepted Answer · answered May 17 '16 at 08:30

14

Set the .setDrawCircles = NO; of your LineDataSet set to disable the drawing of circle.

It was on the wiki...
https://github.com/PhilJay/MPAndroidChart/wiki/DataSet-classes-in-detail

answered May 17 '16 at 08:30

David Ansermot

6,052
8
47
82

the question was for ios-chart. This mpandroidchart is for android and some of the functions in there are not available in ios-chart – anoo_radha May 26 '17 at 15:44
That's what I was searching for for android is the same but instead of no use `setDrawCircleHole(false)` and `setDrawCircles(false)` – Skizo-ozᴉʞS ツ Oct 31 '21 at 21:25

score 10 · Answer 2 · edited Dec 13 '17 at 13:50

10

to remove circle in a line

lineChartDataSet.drawCirclesEnabled = false

to remove value alone in a circle

lineChartData.drawValuesEnabled = false

edited Dec 13 '17 at 13:50

Yaromyr Oleksyshyn

23
3

answered Dec 07 '17 at 11:00

pragadeesh

97
1
5

Ahmed M. Hassan · Answer 3 · 2019-07-08T13:55:30.473

3

In addition to the answers, you can use these properties to make your line more smooth

lineChartDataSet.drawCirclesEnabled = false
lineChartDataSet.drawCubicEnabled = true

or you can use mode property as drawCubicEnabled property is deprecated

lineChartDataSet.mode = .cubicBezier
lineChartDataSet.cubicIntensity = 0.2

edited Jul 08 '19 at 13:55

answered Jul 08 '19 at 12:21

Ahmed M. Hassan

709
9
14

score -1 · Answer 4 · edited Jun 06 '17 at 06:41

-1

lineChartDataSet.circleRadius = 0

edited Jun 06 '17 at 06:41

Abdul Rasheed

6,486
4
32
48

answered Jun 05 '17 at 19:08

Stalker

47
4

How do I remove the dots in LineChartView iOS charts

4 Answers4