Stack Overflow
Stack Overflow

Questions tagged [linechart]

A line chart or line graph is a type of chart, which displays information as a series of data points connected by straight line segments.

A line chart or line graph is a type of chart, which displays information as a series of data points connected by straight line segments. It is a basic type of chart common in many fields. It is an extension of a scatter graph, and is created by connecting a series of points that represent individual measurements with line segments.

2022 questions
16
votes
1 answer

Adding Image inside Linechart points in ChartJs

I'm developing a project using ChartJs. I am trying to add icon image inside the line chart instead of points. I'm attaching an image in which I demonstrate the above requirements. In that image, there is a ChartJs image and a reference image. I…
Raj
  • 879
  • 1
  • 10
  • 23
16
votes
6 answers

Calculating length of 95%-CI using dplyr

Last time I asked how it was possible to calculate the average score per measurement occasion (week) for a variable (procras) that has been measured repeatedly for multiple respondents. So my (simplified) dataset in long format looks for example…
Rasul89
  • 588
  • 2
  • 5
  • 14
16
votes
3 answers

Show value when tapped [MPAndroidChart]

I`ve been looking for a way to enable the MPAndroidChart to only display the value(label) of data point when clicked. But It seems that I could not find it online even in the documentation. I used the line chart and what I want is to only display…
Rod_Algonquin
  • 26,074
  • 6
  • 52
  • 63
14
votes
1 answer

Prevent categoryAxis labels from overlapping in LineChart

Using the below options doesn't help me prevent my CategoryAxisLabels from overlapping in line-chart when my browser is resized. categoryAxis.autoGridCount = true; categoryAxis.minHorizontalGap = 100; categoryAxis.gridPosition =…
anusreemn
  • 1,047
  • 1
  • 10
  • 24
14
votes
1 answer

Set y-axis of d3 chart to fit widest label?

I'm drawing line charts with d3 and it all works fine. However, I have to leave enough margin on the left of the chart area to fit whatever I think might be the widest y-axis text label. I'd like to adjust this space for each chart, depending on the…
Phil Gyford
  • 13,432
  • 14
  • 81
  • 143
14
votes
1 answer

D3 linechart, can't edit the amount of ticks with an ordinal scale?

I asked a question before about d3, and they suggested me to use an ordinal scale, this would solve my problems. Indeed it solved my problems, but know I'm stuck with another issue... It draws perfectly, but my X-axis is full of text. As an…
Vincent Hogendoorn
  • 700
  • 1
  • 7
  • 23
12
votes
1 answer

Using d3 to shade area between two lines

So I have a chart plotting traffic vs. date and rate vs. date. I'm trying to shade the area between the two lines. However, I want to shade it a different color depending on which line is higher. The following works without that last…
Andrew
  • 1,571
  • 17
  • 31
12
votes
1 answer

Change label font color for a line chart using Chart.js

I'm using Chart.js to generate some charts. The line chart requires labels. I can't seem to figure out a way to change the color of those labels. var chartGood = "rgba(50,182,93,0.5)"; var lineChartData = { labels :…
Ryan Rich
  • 11,637
  • 8
  • 22
  • 31
12
votes
2 answers

JFreeChart line chart with text at each point

I would like put text over each point I plotted in a line chart. This is what I can do: And this is what I need (names of point are in green):
Alberto
  • 2,881
  • 7
  • 35
  • 66
11
votes
3 answers

Draw a horizontal and vertical line on mouse hover in chart js

I am stuck with a problem on chart js while creating line chart. I want to create a chart with the specified data and also need to have horizontal and vertical line while I hover on intersection point. I am able to create vertical line on hover but…
PHP Geek
  • 3,949
  • 1
  • 16
  • 32
11
votes
2 answers

Chart.js - style legend: smaller circles

I've create a line chart with chart.js. I changed the legend symbol form from rects to circles by using: legend: { display: true, labels: { usePointStyle: true, }, } I want to change the size of the circles. But according to the…
DarkMikey
  • 383
  • 1
  • 4
  • 24
11
votes
2 answers

How to remove grid from line chart of Echart library

I will draw a line chart by echart library. When I draw a chart, it shows grid too. I do not need grid, but I cannot remove it. I have checked out Echart options and I know that grid:{show=false} is an option of echart but it is not effective. My…
Alireza Parvizimosaed
  • 365
  • 1
  • 5
  • 13
11
votes
3 answers

Exporting c3.js line charts to png images does not work

I am using SVG.toDataURL() to export c3js charts to png images. Exporting the charts to png works properly. In case of the line charts, they are not rendered properly. e.g. The x and y axis width is increased. Lines are not proper, instead of…
ajm
  • 12,863
  • 58
  • 163
  • 234
10
votes
1 answer

Changing datetime format on mschart axis

I'm using mschart to display some values over a timeperiod. It looks something like this: As you can see the first value is from 15:11 and the last from 16:10 But on the x-axis it's on displaying the days. How can I change this? EDIT: Changing…
Kingpin
  • 1,067
  • 2
  • 14
  • 34
10
votes
3 answers

Numeric X axis for linechart

I want to render a line chart with a set of (x,y) values. Both x axis and y-axis need to scaled. I mean say, I have values (1,10),(2,20),(4,30),(8,40) The distance between 1 and 2 should be half of between 2 and 4. Which in turn should be half of 4…
Jishnu
  • 143
  • 2
  • 6
1
2
3
…
99 100