Questions tagged [sparklines]

Sparklines are small inline charts. There is a jQuery plugin that generates these in the browser, as well as a Google Sheets function. Please specify the technology being used (jQuery, google sheets, etc.) to generate the sparkline.

Sparklines are small inline charts.

jQuery Sparklines is a jQuery plugin that generates sparklines directly in the browser using data supplied either inline in the HTML, or via JavaScript.

There is also a Google sheets function that generates sparklines in a cell.

238 questions
33
votes
5 answers

jQuery Sparklines and Twitter Bootstrap 3 - tooltip style overrides?

Here it goes: I am trying to use jQuery Sparklines with Twitter Bootstrap 3. In the process, the tooltip of Sparklines loose styling, and it is clearly that the Bootstrap css is overriding something in the Sparklines JS. As far as I can make out, it…
benteh
  • 2,218
  • 4
  • 31
  • 41
25
votes
3 answers

Adding string tags to each value of jQuery Sparklines plugin

I'm implementing jQuery Sparklines plugin for a web app I'm developing. I want to add tags to the pie chart values so when you hover over that specific chart you will se "Automotive (25%)" instead of the default int value "1 (25%)". Any ideas on…
Ismailp
  • 2,333
  • 4
  • 37
  • 66
16
votes
1 answer

R YaleToolkit: How to change the font size of tick labels on the sparklines?

I'm using this function for some quick and easy sparklines with R but I can't seem to work out how to change the font size to avoid ugly overlaps of the y-axis tick labels. Here's my code (see below for a reproducible example): sparklines(gamma.df,…
Ben
  • 41,615
  • 18
  • 132
  • 227
13
votes
3 answers

Add sparkline graph to a table

I am trying to move all my data crunching to Rmarkdown, instead of SPSS+Excel, but can't figure out how to create a table with an appending graph. In Excel this can be done with Sparklines feature or, as I do it, simply creating a graph and placing…
Helgi Guðmundsson
  • 736
  • 1
  • 6
  • 18
7
votes
5 answers

Properly rendering sparklines in a datatable

In my example posted below I am attempting to render a sparkline from the jquery.sparkline library as a column of data in a jquery.dataTables table. Loading the example below works just fine but only for the first page. If I click on 'next'…
Joshua
  • 341
  • 2
  • 10
6
votes
2 answers

Include sparkline htmlwidget in datatable cells in a Shiny app, without resorting to (much) JavaScript

I am using the sparkline package to produce bar charts to place into cells of a datatable in a Shiny app. I've managed to produce the desired output in a standalone datatable, but when I place it into the Shiny app it doesn't work. It may have…
Brian Stamper
  • 2,143
  • 1
  • 18
  • 41
6
votes
1 answer

Composited Sparkline in R with DT and Shiny

I have got a reference by leonawicz that can combine sparkline and DT perfectly(Many thanks for him). But, could you please give me a help to make a composited sparkline? Thanks a lot!. Here is the sample…
glenchen
  • 69
  • 1
  • 3
6
votes
2 answers

Render datatable with sparklines in Shiny

I want to include sparklines in a shiny DT. It works fine in the RStudio viewer but in Shiny the sparklines are not rendered. Here is a minimal example. # dependencies require(sparkline) require(DT) require(shiny) # create data with…
Grant
  • 63
  • 1
  • 3
6
votes
1 answer

Adding legends and y-axis value on sparkline bar charts

I was working on sparklines bar graph. Until now I am able to draw a simple bar graph, here is the Jquery code: values = [0,8, 15, 10, 50, 25, 35, 70]; $('.sparkline').sparkline(values, { type: 'bar', height: '200px', barWidth: 20, …
Ritesh Kumar Gupta
  • 5,055
  • 7
  • 45
  • 71
5
votes
1 answer

Inline boxplots using sparkline

I have a dataset as shown below ID MinTemp MaxTemp Quartile1 Quartile2 Quartile3 28 19 88 23 63 80 43 18 78 25 57 77 11 34 …
missy morrow
  • 337
  • 3
  • 16
5
votes
2 answers

why kendo.web.min.js and kendo.dataviz.min.js conflicts?

I own a construction grid kendo.web.min.js with kendo.dataviz.min.js, but when I use the Using both collision occurs. But it is interesting that the project jsfiddle it works well but when I run the project visual studio I encountered the following…
Martin
  • 386
  • 1
  • 5
  • 17
4
votes
1 answer

jQuery Sparklines: Automatic zero-centering for bar charts

I am using jQuery sparklines to display a bar chart, e.g.:

11,13,14,15,13,12,15,11,10,13

The problem is that jQuery is using the lowest value, i.e. 10, as a reference and is only displaying a very small bar…
Felix
  • 41
  • 1
  • 2
4
votes
2 answers

Add label to sparkline plot in datatable

Is it possible to add a custom label to a sparkline plot? For example, in the code below, I would like to label each bar with the corresponding letter in the label column. Building from a previous…
Iain
  • 1,608
  • 4
  • 22
  • 27
4
votes
1 answer

Can I pull sparkline from a different sheet via Index Match or Hlookup

I cant seem to find even similar posts online on the following obstacle. I will have a lot of sparkline charts for all metrics I am using. See below: I would like to pull the sparkline in the sheet with the dynamic data for the dashboard. I seem to…
drLecter
  • 197
  • 3
  • 18
4
votes
1 answer

jQuery Sparklines - Tooltip in Stacked Bar Chart

Using jQuery Sparklines v2.1.2, I am creating a Stacked Bar Chart. The Tooltip values are displaying correctly. It's displaying the Column Name as Tooltip for each small block. How should I customize the tooltip for each small block? tooltipFormat:…
Bala Sakthis
  • 664
  • 1
  • 8
  • 20
1
2 3
15 16