amcharts / tools Goto Github PK
View Code? Open in Web Editor NEWA collection of amCharts-related plugins and utilities
License: Apache License 2.0
A collection of amCharts-related plugins and utilities
License: Apache License 2.0
Hello! I have a new problem. I use jQuery EasyUI for create many tabs. I dynamically create charts in tabs. (This example contents 3 tabs with charts, but in my project I create very many tabs)
All tabs contents serial Amchart. I use autoOffsetAxis, but tool works not correct. Last chart in third tab correctly positione offset, but first and second not work :(
http://codepen.io/shumakosik/pen/qrovgL
ValueAxes starts works fine when you click at legend for "off/on" graph after initialization chart.
May you help me?
Thanks.
Hi, I'm trying to add a graph dynamically to a polarScatter radar chart and I don't know how to load the series
array properly. Doing it in this way doesn't work:
var graph = new AmCharts.AmGraph();
graph.lineColor = "#FFCC00";
graph.fillAlphas = 0.4;
graph.bullet = "triangleUp";
graph.bulletSize = 15;
graph.series = [[-93,0.05]];
chart.addGraph(graph);
chart.validateData();
Is it possible?
Thanks!
Hello, is there a plan to update the tool to work with the amcharts4?
After every data update i have to call this.chart.validateData() and AmCharts.bestFitLineProcess(this.chart, true);
And after every call of AmCharts.bestFitLineProcess(this.chart, true); i have new graph in my this.chart.graphs and new item in legend
The BestFitLine-plugin doesn't work with the DataLoader-plugin. It would be awesome if it does in a future release. Thanks.
Hello,
I have an issue with several graphs
"graphs": [ { "valueAxis": "v1", "balloonText": "[[title]] : <b>[[value]] km</b>", "fillAlphas": 0.9, "lineAlpha": 0.2, "lineColor": "#b3dfe2", "type": "column", "valueField": "Value1" }, { "valueAxis": "v2", "balloonText": "[[title]] : <b>[[value]]h</b>", "fillAlphas": 0.9, "lineAlpha": 0.2, "lineColor": "#45b9bf", "type": "column", "clustered": false, "columnWidth": 0.5, "valueField": "Value2" }, { "valueAxis": "v3", "balloonText": "[[title]] : <b>[[value]]</b>", "fillAlphas": 0, "lineAlpha": 0.6, "lineColor": "#5d5b5e", "valueField": "Value3", "bullet": "round", "customBulletField": "PhotoUrl", "bulletSize": 40, "bulletOffset": 18, "labelPosition": "right", "labelText": "[[value]]" } ],
=> dataPoint is undefined
With just one graph, it's ok ;)
Thanks
Do you plan to make this work with XY charts?
You have error on 167 string valdiateData
Hello. Very good plugin. Thank you.
I have a problem. I'm making a Gantt chart with scrollbar. I use minimum and maximum dates to have padding. It works fine, but it puts some padding also to the scrollbar. I don't want it.
Check the fork:
https://codepen.io/th3vic/pen/BEKGWo
If chart.dataProvider is empty bestFitLine falling on 120 string
If you change or add value axes and call chart.validateNow()
the offset defaults to original values and is not corrected by autoOffset plugin.
To reproduce, please append the following lines to the JS at this codepen http://codepen.io/amcharts/pen/4130820114230f81677ba52fb260a53d after a timeout of 5 seconds you can see that offsets of all 3 axes are 0.
setTimeout(function(){
console.log('validating now')
chart.valueAxes = [{
"id": "v1",
"axisColor": "#FF6600",
"axisThickness": 2,
"gridAlpha": 0,
"axisAlpha": 1,
"position": "left",
"tickLength":0,
"autoOffset": true
}, {
"id": "v2",
"axisColor": "#FCD202",
"axisThickness": 2,
"gridAlpha": 0,
"axisAlpha": 1,
"position": "left",
"tickLength":0,
"autoOffset": true
}, {
"id": "v3",
"axisColor": "#B0DE09",
"axisThickness": 2,
"gridAlpha": 0,
"axisAlpha": 1,
"tickLength":0,
"position": "left",
"autoOffset": true
}];
chart.validateNow()
}, 5000)
Was the bestFitLine plugin made to work with AMStock Charts?
Its not working here and it doesn't show any error.
Hello!
http://codepen.io/shumakosik/pen/EWjvNR
Why First trend (yellow) starts at second trend's (blue) ?
And other case: http://codepen.io/shumakosik/pen/gmpxRp
First trend (blue) starts at second trend's (yellow)
The weekend guides are not computed correctly. The problem seems to appear from this pice of code:
// calculate beginning and end of day
var start = new Date( date );
start.setHours( 0, 0, 0 );
var end = new Date( date );
start.setHours( 23, 59, 59 );
it should be like:
// calculate beginning and end of day
var start = new Date( date );
start.setHours( 0, 0, 0 );
var end = new Date( date );
end.setHours( 23, 59, 59 );
I am trying to use bestFitLine in my project that imports scripts through bower and npm.
Are these tools available in a package manager like those, or would you consider publishing them in such?
I have successfully implemented this feature in AmCharts but it's not working in AmStockCharts, can I see any example to implement this?
Is there any example of smoothCustomBullets with AmStockCharts?
I am adding smoothCustomBullets object to StockChart first panel.
var smoothCustomBullets = {
"borderRadius": "auto",
"fillAlpha": 0,
"fillColor": undefined,
"borderAlpha": 0,
"borderColor": undefined,
"borderThickness": undefined,
"borderLinejoin": undefined,
"borderLinecap": undefined,
"borderDasharray": undefined,
"positiveOffset": 0,
"negativeOffset": 0
}
chart.panels[0].smoothCustomBullets = smoothCustomBullets;
chart.panels[0].stockGraphs[0].customBulletField = "customBullet";
Similar to bestFitLine if dataprovider is empty, datapadding throws error. Everything works fine without it.
(http://localhost:3000/assets/amcharts/plugins/datePadding/datePadding.js:105:22)
at Object.AmCharts.datePaddingProcess (http://localhost:3000/assets/amcharts/plugins/datePadding/datePadding.js:235:3)
at Object.method (http://localhost:3000/assets/amcharts/plugins/datePadding/datePadding.js:299:13)
function processData( axis, dataProvider, categoryField, dataDateFormat ) {
// get first and last dates, min period in milliseconds
var firstDate = getDate(
dataProvider[ 0 ][ categoryField ],
dataDateFormat ),
lastDate = getDate(
dataProvider[ dataProvider.length - 1 ][ categoryField ],
dataDateFormat ),
sampleFormat = dataProvider[ 0 ][ categoryField ];
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.