Skip to main content
Filter by
Sorted by
Tagged with
0 votes
1 answer
100 views

How to localize the values for the x- and y-axis in SwiftUI-charts?

I have an app localizable in 2 languages. In SwiftUI-charts I get errors using LocalizedStringKey. Using String in stead of LocalizedStringKey works, but then the x- and y-axis values are not ...
Etihv's user avatar
  • 85
0 votes
0 answers
32 views

Unable to add images to python generated plottable table

I would like to make a column of La Liga team logos at the side of a plottable table I created based off of McKay Johns' YouTube tutorial. What I am trying to do is grab them from his github folder ...
BLuta's user avatar
  • 247
0 votes
1 answer
210 views

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 ...
miltenkot's user avatar
  • 201
2 votes
1 answer
700 views

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<Item> ...
Daniil Artemenko's user avatar
0 votes
3 answers
1k views

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 ...
Damian Jacobs's user avatar
0 votes
1 answer
43 views

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 ...
Damian Jacobs's user avatar
0 votes
1 answer
41 views

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. ...
Damian Jacobs's user avatar
0 votes
1 answer
41 views

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 ...
Ishmael89's user avatar
1 vote
1 answer
102 views

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 ...
Balázs Eigner's user avatar
0 votes
1 answer
134 views

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 ...
SovietFrontier's user avatar
0 votes
1 answer
172 views

How to Import Plottable.js

I am fairly new to javaScript. I am having issues finding out how to import and use the Plottalbe.js (along with D3 that is part of it) libraries. Can anyone show me a working example of an HTML and ....
SovietFrontier's user avatar
6 votes
2 answers
5k views

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 ...
ebbishop's user avatar
  • 1,967
2 votes
1 answer
201 views

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 ...
Goran's user avatar
  • 1,012
1 vote
0 answers
2k views

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 ...
Yato's user avatar
  • 64
0 votes
1 answer
64 views

Unable to parse objects

var data = [{ x: 'A', y: 3 }, { x: 'B', y: 2 }, { x: 'C', y: 4 }, { x: 'D', y: 3 }]; var xScale = new Plottable.Scales.Category() var yScale = new Plottable.Scales.Linear() var xAxis ...
canonball's user avatar
  • 515
1 vote
0 answers
49 views

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's user avatar
  • 4,621
1 vote
1 answer
41 views

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", ...
eggbert's user avatar
  • 3,225
1 vote
1 answer
147 views

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:...
okwme's user avatar
  • 795
0 votes
1 answer
261 views

Bar graph on time axis with plottable.js - bar positions

How to I can align bars with related dates with plottable.js library? First bar data are from Wed 7 and second from Thu 8. Here is JSFiddle example: https://jsfiddle.net/50yq46cm/3/ function ...
Havran's user avatar
  • 1
9 votes
1 answer
425 views

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 ...
neversaint's user avatar
  • 63.4k
0 votes
2 answers
61 views

How can I determine if the right mouse button was clicked in a Plottable chart?

The Plottable Click Interaction doesn't pass the callback any sort of event (synthetic or otherwise) so I can't figure out a way to determine which button was clicked. Has anyone wired up the right ...
Joel Mellon's user avatar
  • 3,825
1 vote
1 answer
150 views

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). ...
Goblinlord's user avatar
  • 3,360
1 vote
1 answer
324 views

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 ...
Jonathan Fishbein's user avatar
1 vote
1 answer
170 views

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 ...
Prashanth Chandra's user avatar
2 votes
2 answers
214 views

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's user avatar
  • 1,088
1 vote
1 answer
123 views

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. ...
neversaint's user avatar
  • 63.4k
4 votes
1 answer
465 views

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 ...
neversaint's user avatar
  • 63.4k
2 votes
1 answer
178 views

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 ...
shresha's user avatar
  • 147
0 votes
1 answer
303 views

Custom animation in plottable.js line chart

I am trying to use custom animation in plottable.js when data updates. Below is my code : - <script type="text/javascript"> var xScale = new Plottable.Scales.Category(); var yScale = ...
shresha's user avatar
  • 147
0 votes
1 answer
232 views

How to enable qtip2 in Piechart made by Plottable.js/D3.js

I have this code, which tried to enable qtip in plottable.js var store = [{ Name:"Item 1", Total:18.73424242 }, { Name:"Item 2", Total:7.34311 }, { Name:"Item 3", ...
neversaint's user avatar
  • 63.4k
0 votes
1 answer
741 views

How to format number precision to two digit decimals in Plottable.js Piechart labels

I have this code: var store = [{ Name:"Item 1", Total:18.73424242 }, { Name:"Item 2", Total:7.34311 }, { Name:"Item 3", Total:3.1235535}, { Name:"...
neversaint's user avatar
  • 63.4k
0 votes
1 answer
83 views

'Invalid value for <path>' error while making pie chart under Plottable/D3.js

I have the three parts code (HTML, and JavaScript). They can be downloaded here: index.html <!doctype html> <html> <head> <meta charset="UTF-8"> <!-- Later add ...
neversaint's user avatar
  • 63.4k
3 votes
2 answers
480 views

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, "...
pdubois's user avatar
  • 7,750
0 votes
1 answer
133 views

How to make two plots side-by-side using JavaScript Plottable

With the following script I tried to make the side by side pie chart var pies; var indata = [ { 'sample' : "Foo", "pies_pct":[ { ...
pdubois's user avatar
  • 7,750
0 votes
1 answer
70 views

Conditional removal of label from Javascript Plottable Piechart

I have the following code: window.onload = function(){ var store = [{ Name:"Item 1", Total:18 }, { Name:"Item 2", Total:7 }, { Name:"Item 3", Total:3}, ...
neversaint's user avatar
  • 63.4k
3 votes
1 answer
679 views

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. ...
minder's user avatar
  • 33
0 votes
2 answers
592 views

How to use your own color palette in Plottable.js pie chart

I have the following code: var scale = new Plottable.Scales.Linear(); var colorScale = new Plottable.Scales.Color(); var data = [{ val: 1 }, { val: 2 }, { val: 3 }, { val: 4 }, ...
neversaint's user avatar
  • 63.4k
2 votes
1 answer
694 views

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 }, ...
Sam's user avatar
  • 1,878
1 vote
1 answer
210 views

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 }, ...
Sam's user avatar
  • 1,878
1 vote
3 answers
981 views

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) ...
Sam's user avatar
  • 1,878
4 votes
1 answer
195 views

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 = [{ "...
neversaint's user avatar
  • 63.4k
0 votes
1 answer
237 views

How to enable legend in Plottable.js Histograms plot

I have the following script. It simply plot the histogram in the given data. "use strict"; var xScale = new Plottable.Scales.Category(); var yScale = new Plottable.Scales.Linear(); var ...
neversaint's user avatar
  • 63.4k
1 vote
1 answer
375 views

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. ...
dacwe's user avatar
  • 43.4k
2 votes
2 answers
854 views

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? ...
Flynt Hamlock's user avatar