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
1
vote
1 answer

Plottable.Plots.Rectangle creating rects with 0 width

I have the following data: [{ "date": "2016-10-12T00:00:00.000Z", "parameter": "end_brick_temperature", "value": 61.3, "color": "green" }, { "date": "2016-10-12T00:00:00.000Z", "parameter":…
eggbert
  • 3,105
  • 5
  • 30
  • 39
1
vote
1 answer

plottable.js bar graph rendering off the axis

I can't understand why such a basic bar graph goes off the page. The axis limits seem to take only the smallest value. Here's a js fiddle showing my problem and the code is pasted below as well. http://jsfiddle.net/brennekamp/32hcs0pu/13/ var…
okwme
  • 740
  • 1
  • 7
  • 19
1
vote
1 answer

How do I check the original value in label formatter using plottable.js?

I have a relatively simple bar chart using Plottable. All the bars start at 0 but the third bar can be negative and changes colors. To display in this way, for the third bar I use Math.abs(value). The problem is when it is negative I need to have…
Goblinlord
  • 3,290
  • 1
  • 20
  • 24
1
vote
1 answer

Plottable.js line chart not display

The chart is black as shown in the attached photo. This is a chrome extension. When I click on inspect on the popup, plottable/d3 elements are defined so it seems that plottable is being made available to the html function drawChart() { …
1
vote
1 answer

How to color GuideLine in Plottable.js?

I'm trying to find a simple way to color a GuideLineLayer from Plottable.js. I tried the following so far. 1) trying to use attr() inside onAnchor() This adds the attr to the g element containing the line element, but doesn't seem to have any…
Prashanth Chandra
  • 2,672
  • 3
  • 24
  • 42
1
vote
1 answer

How to make two histogram plot using independent scale under Javascript Plottable.js

I have the following code. Which if you click the run button you can find two histogram plot side by side. But the scale of the two is different. First panel has scale 10^80 and another one 0 to 1. Now, how can I make panel 1 to show the value in…
neversaint
  • 60,904
  • 137
  • 310
  • 477
1
vote
1 answer

Create Plottable.js stacked bar chart using the same dataset

I am trying to create stacked bar chart using plottable.js from the same dataset. Is it possible? Here is my sample dataset var data = [{ x: 0, y: 1, m: 10 }, { x: 1, y: 1, m: 9 }, { x: 2, y: 3, m: 5 }, { x: 3, y:…
Sam
  • 1,826
  • 26
  • 58
1
vote
3 answers

How to resize chart in Plottable.js

I am using Plottable.js to draw chart on my page. I would like to resize the chart when the window is being resized. I've tried to set the size via css (as well as svg width and height attribute) with no success. Here is my attempt to set via svg…
Sam
  • 1,826
  • 26
  • 58
1
vote
1 answer

D3 time axis like plottable.js

I have D3 web app and today I use a standard d3.svg.axis to display a time axis. I would like to change this to a time axis like the one Plottable implements, e.g. the Plottable.Axis.Time version. This is how the time line looks in plottable: Can…
dacwe
  • 43,066
  • 12
  • 116
  • 140
0
votes
1 answer

SwiftUI Charts extension Image: Plottable

Is there any sensible way to create sth like extension Image: Plottable and pass to .value inside BarMark. Or there is any other possibility to have images below charts instead text? I try sth like but it of course doesn't work extension Image:…
miltenkot
  • 29
  • 4
0
votes
3 answers

ReferenceError: window is not defined after installing my npm package containing a D3 chart on my Next.js repo

I have 2 repos, one that houses all my components that gets packaged and uploaded to a private feed, and one that consumes them. Both repos use React and TS with the repo that consumes the package also running Next.js I built a charting component…
Damian Jacobs
  • 488
  • 6
  • 21
0
votes
1 answer

Plottable.js entityNearest not giving me the nearest entity

Im implementing the code below in a React, Typescript project. When hovering over my graph I don't get the nearest entity its roughly 5 years off, on my x-axis(time). I've tried switching out entityNearest for entityNearestXThenY but it yielded…
Damian Jacobs
  • 488
  • 6
  • 21
0
votes
1 answer

Extracting value from promise after fetching data from a locally stored .csv file to pass into a Plottable.js table

The project I'm trying to achieve the desired result within is a TypeScript, React project that's running Storybook.js. I have a csv file that I've stored in the public folder of my React application. The csv contains date and value data that I…
Damian Jacobs
  • 488
  • 6
  • 21
0
votes
1 answer

How to plot in spyder3 via matplotlib?

In the beginning I was able to view the plot in the upper right window of Spyder3 (variable explorer) But now nothing is being plottet anymore (no errors) I wonder if theres something wrong with my code: %matplotlib inline…
Ishmael89
  • 1
  • 1
0
votes
1 answer

Why is Plottable not showing the full chart?

I have no errors (finally) but all I get is an x-axis without any data. What am I missing? I am running this from the Live Server plugin in vsCode. Also, there are two tags for plottable: plottable and plottable.js. Is there a way to get rid of one…
SovietFrontier
  • 2,047
  • 1
  • 15
  • 33