Stack Overflow
Stack Overflow

Questions tagged [plottable]

Plottable (also known as Plottable.js) is a JavaScript library of modular chart components that allows you to create interactive web charts. It is built on top of D3.

Official Website: http://plottablejs.org/

Official GitHub Repository: https://github.com/palantir/plottable

42 questions
9
votes
1 answer

How to add horizontal line over y-axis in Plottable.js

I have the following running code in JavaScript's Plottable.js. var data = [{ x: 1, y: 1 }, { x: 2, y: 3 }, { x: 3, y: 2 }, { x: 4, y: 4 }, { x: 5, y: 3 }, { x: 6, y: 5 }]; var xScale = new Plottable.Scales.Linear(); var yScale =…
neversaint
  • 60,904
  • 137
  • 310
  • 477
5
votes
2 answers

Include bootstrap.js external script in Vuejs single-file components

I'm using several external libraries to build charts with tooltips within a vue app. I'm using single-file components I've got a working fiddle, but haven't been able to translate it into a working component. Methods attempted: Load the 3…
ebbishop
  • 1,833
  • 2
  • 20
  • 45
4
votes
1 answer

How to make label in histogram respond to dynamic user input

I have the following working code. It takes the input data and display the histogram based on a threshold. If you run, the code below, the code is working to the extend that the histogram changes as you drag the sliding bar. However the label 26…
neversaint
  • 60,904
  • 137
  • 310
  • 477
4
votes
1 answer

How to make qtip2 respond to dynamic user input

I have the following working code. It takes the input data and display the histogram based on a threshold. "use strict"; var histograms, thresholds = []; var input_data = [{ "threshold": 1.5, "histograms": [{ "sample":…
neversaint
  • 60,904
  • 137
  • 310
  • 477
3
votes
2 answers

How to display a legend in Plottable.js multiple plot

I have the following code: var indata = [{ 'sample': "Foo", "pies_pct": [{ "score": 6.7530200000000002, "celltype": "Bcells" }, { "score": 11.432763461538459, "celltype": "DendriticCells" }] }, { 'sample':…
pdubois
  • 7,640
  • 21
  • 70
  • 99
3
votes
1 answer

How to create candlestick chart in plottable.js

What is the best way to create candlestick chart in plottable? I would like to do something like this image on wiki: Wiki example I was thinking about using stacked bar plot and styling it with css. For example lowermost value in bar would be…
minder
  • 33
  • 3
2
votes
1 answer

How to use Core Data with Swift Charts?

I'm doing FetchRequest @Environment(\.managedObjectContext) var managedObjContext @FetchRequest(sortDescriptors: [SortDescriptor(\.date, order: .reverse)]) var day: FetchedResults And then I put it in Charts, but Swift Charts need…
Daniil Artemenko
  • 21
  • 3
2
votes
1 answer

Set tooltip on a plottablejs linegraph from Angular directive

I got a angular directive that displays a plottable line graph. But I need to set tooltips whit the value when the cursor hovers the line im plotting. I got something like this: var plot = new Plottable.Plots.Line() .addDataset(ds) …
Goran
  • 1,002
  • 3
  • 14
  • 29
2
votes
2 answers

Arrows on Line Segments

I'm using Segment Plot to show multiple lines on the chart. How can I make these lines have arrows on their ends?
Anil
  • 1,079
  • 1
  • 13
  • 23
2
votes
1 answer

Pie chart animation when data changes in plottable.js

I am trying to animate a pie chart when data changes. Below is a code snippet var piePlot = new Plottable.Plots.Pie() .addDataset(dataset) .outerRadius(function() { return Math.floor(piePlot.width()/10) + 40 }) …
shresha
  • 147
  • 10
2
votes
1 answer

How to create Pie chart using Plottable.js

I tried to create a pie chart using Plottable.js. Does anyone know how? I get confused on how to pass the value and put a label in. Here is my sample data: var store = [{ Name:"Item 1", Total:18 }, { Name:"Item 2", Total:7 }, …
Sam
  • 1,826
  • 26
  • 58
2
votes
2 answers

Basic math 101 scatter plot with Plottable.js

How does one make a basic scatter plot like the one below using Plottable.js? Is there something wrong with my JSON? How to reveal the minus scales? Would you have done anything else differently? Style doesn't matter, the default Plottable.js one…
Flynt Hamlock
  • 349
  • 2
  • 12
1
vote
1 answer

Plotly.js - multilayer time axis

Is there a way to create time axis using Plotly.js similar to Plottable.js' solution? Example here. I plan to move to Plotly.js but really fell in love with this presentation of a time axis and as I have to plot lots of time series, it would be…
Balázs Eigner
  • 87
  • 11
1
vote
0 answers

Replacing the $ (Dollar sign function) from JS in Typescript does not work

I have an angular-2-application written in typescript which works pretty well; however, I stumbled upon this Problem for which the various related answers to the $-function did not help me. I also have the library "plottable" included and this is…
Yato
  • 64
  • 8
1
vote
0 answers

Plottable.js Custom Formatters

Does anyone know how to achieve custom formatting when using Plottable.js. You used to be able to pass in a function to the Custom() method to format your numbers, like so: let customFormatter = new…
realph
  • 4,481
  • 13
  • 49
  • 104
1
2 3