Explanation of Techan.js chart.accessor() function - javascript

I am currently working on a project that uses the Techan.js library for producing financially-oriented charts (based on D3.js).
As of reading through the example shown here for creating a candlestick chart, I've managed to replicate most of the steps in my own code, but after extensive searching I still did not find an explanation for how candlestick.accessor() works. Is it a get method? A set method? I simply do not understand its purpose and how to work with it.
The developer also seems to use this in his draw function:
y.domain(techan.scale.plot.ohlc(data, candlestick.accessor()).domain());
From this, I can deduce that he's assigning something to the chart's y domain, but what is that? What does techan.scale.plot.ohlc(data, candlestick.accessor()).domain()) do? Does it create a whole new OHLC plot that it then accesses using the same accessor used before?
The API reference hardly contains any information explaining the accessor() method, and I can't figure out how it interacts with the chart, or a chart.
If someone has any experience with Techan.js, I'd like to ask for an explanation of the .accessor() method. Thank you very much.

Related

How can I create a bar graph dynamically using data in JS

Can someone please suggest how I can create a bar graph, dynamically in Javascript. Below is the design that I am trying to achieve. I did come across Google Charts, but couldn't figure out ways to acheive the below deisgn style.
D3.js is a long-standing and very popular solution for all kinds of dynamic charts and graphs.
Check out the gallery and search for the word bar to find examples that might fit your use case.
You might also just google "d3js" and words relevant to your problem. In your case, this is really a type of "gauge", and when I search "d3js" and "gauge", a few examples come up that may be closer to your data type, though maybe not exactly in that style.
D3.js is very configurable though. If you don't find something out-of-the-box, you should have the tools to make it work.

How to fix SVG map extension overlapping maps instead of displaying them separately

I am using this extension for Qlik sense:
https://github.com/brianwmunz/svgReader-QlikSense
And I am trying to use it to get two maps side to side in my Qlik sense sheet. The problem is that when I try to do this, that I only get 1 object with two maps overlapping. Like this:
https://user-images.githubusercontent.com/29434827/27138268-6c64add6-5120-11e7-9637-8cd166c4d988.png
I tried looking online for a solution but couldn't really find anything. I also tried looking into the .js files, but I can't figure it out. I figure that the problem is that the objects both load the map one at the time, but when the second object does it, it forces the other map to his location and making both maps overlap eachother. Problem is, I don't understand enough javascript to pinpoint the exact spot I need to comment out or change.
Hopefully you can help me with this. I am looking for:
a way to achieve two svg maps next to eachother in qlik sense. Is there maybe a way to duplicate the extension and instead of using two objects of the same extension using 1 object of svgmapextension1 and 1 object of svgmapextenion2? I tried copying the extension and changing the name of the folder and the .qext file, but it didn't work and still only showed one extension.
or a way to modify the javascript so this overlapping doesn't happen? I know that this is a bit much to ask, so even a push in the right direction is fine by me. I tried looking into the svgReader.js and I think the problem is around line 520, because I think this is the place they define the place the object should render? Problem is, I don't know for sure since I am just learning to program (and even that is in python).

AngularJS google Chart : ChartRangeFilter

I am using AngularJS Google Chart to display a line chart.
I was reading about ChartRangeFilter and need to use it in my graph. Is it possible to integrate the range filter from within AngularJs Google Chart? or it doesn't have this feature supported yet?
I couldn't find any tutorial/documentations about this topic, so any help is appreciated!
Apparently, it's not supported yet: there's a feature request and a few discussion about it.
Furthermore, it appears that it has an attempt to support it, but it still needs revision, and probably some work.
I think it would be a great opportunity for anyone interested on it to test and contribute.

Display a graph given (X,Y) tuple

I have a set of (X,Y) tuples. I need to display a very basic, simple looking X-Y axis graph in my html page.
I am focusing on simple and basic here, because I found some resource for the same on net, some library, but it seemed very highly functional, having superb look-feel, not so easy to implement type of stuff.
Here's a simple expected type :
How can I do it using HTML/Javascript/CSS?
See formal definition of tuple.
By using a canvas and some javascript. There's plenty of libraries around for doing this already, but the canvas is easy to use and you should have no trouble drawing the lines in the colours and locations you need.
Do use a library if you want the best looking/functioning output. Do learn how to do it yourself if you have other more highly valued aims.

Good Ajax Chart/Graphic Library

I know there has been several discussions on JavaScript chart/graphics libraries, and there is many out there. What I need is one that can:
Zooming and panning
Data point manipulation (like when click on a data point, highlight other data points within the data series with the same certain parameter of the clicked one)
Dynamically change data point values (e.g.: dragging a data point dynamically updating the line shape)
Error bar support, horizontally and vertically
Select data points on the chart
Seems like Flot may have most of the features, if not all(not sure about 3, and 4), but would like to see if I don't miss out on there nice libraries.
Check out the awesome Visualization API on Google's AJAX APIs Playground
Take a look at http://raphaeljs.com/ library.
It has a plugin called gRaphaƫl which is charting plugin.
Look good but personally didn't use it.
Good luck and share you expirience if you try it.
The Dojo Charting Engine has a pretty astonishing featureset. Sadly dojo seems to suffer from a general lack of evangelism.
I dont know if there are good introductory tuts, maybe the best way is to learn from examples.

Categories