amcharts

I'm trying to get AmChart chart legends into one line, but without luck. Legends are separated (one for line). Actual settings for from documentation http://docs.amcharts.com/3/javascriptcharts/AmLegend is following. "legend": { "equalWidths": false, //"periodValueText": "total: [[value.sum]]", "position": "bottom", "valueAlign": "left", "labelWidth": 100, "valueWidth": 200, //"width": 100, "align": "center" }, I Would like to ask how to get all chart legends into one line? Many Thanks for any advice. you can try legend{ "maxColumns": 1, } I think it auto resize follows width of div. Btw, You

I have an Multi Value AmChart where I'm sending dynamic values and is working as expected but as I'm sending the values dynamically which is of percentage value it doesn't require the Y-axis separately for all the lines . Only one y axis is enough for all the lines. I'm able to disable the appearing y axis and and I also created a single y-axis (static y axis) but it is not synchronized with the series of chart. trend() { this._chart = am4core.create( "trend_yield", am4charts.XYChart ); this._chart.data = this._TChart; this._chart.legend = new am4charts.Legend(); this._selectedItems.forEach(

I'm using AmCharts 3 and I was wondering is there a way to capture an event for clicking the buttons of the period selector? The Docs state I can add a listener to the period selector of the type 'changed' but then the event runs almost anytime There is a listener for 'zoomed', but it runs every time I zoom my chart regardless if I clicked the period selector Here's my attempt: chart = AmCharts.makeChart(scope.vm.chartId, chartSettings); AmCharts.addInitHandler(function () { // add events to item _.each(chart.panels, function (item) { //item.addListener("zoomed", onZoomed); item.addListener(

I am building a map using the usaLow.js map. On map init, I call a json method that returns this data: [{latitude: "40.4258686",longitude: "-86.9080655"}] With this data I add to the map's data provider (mapData) with this: mapData.images = []; for(var i = 0; i < resp.length; ++i){ mapData.images.push({ type: "circle", color:"#FF0000", latitude: parseFloat(resp[i].latitude), longitude: parseFloat(resp[i].longitude) }); } map.validateData(); This location should be in Indiana, but this is where I see the marker: Do lat/long coordinates need to be converted when not using world maps? If so, how

Here my HTML & javascript code to get amcharts plot going I make a call to the database, retrieve the results by converting it to a json format in PHP & then pass it to a graph to display. The chartData variable below has the output that the database query returns. when I statically assign the expected output to chartData variable, the graph plots. However, when I assign the variable "sql_resp" which the responseText value of the json retuned, the graph says "undefined" values. I've used web tools such as firebug to be 100% sure that the json is indeed coming back in the result. This is the

Am trying to generate multiple line charts at one go using the code below. However, it isn't working. What would be the best way to generate graphs using a for/while or any other looping mechanism? I have many charts to generate. var db_query = Array(); db_query[1] = <?php echo json_encode($db_query_1) ?>; db_query[2] = <?php echo json_encode($db_query_2) ?>; var chartConfig1 = clone(chartConfigLineOne); var chartConfig2 = clone(chartConfigLineOne); for(var i=1, len=2; i <= len; i++) { /* chart initialization */ var chart_num = "chart" + i.toString(); var plot_num = "plot" + i.toString(); var

多少年以前，我在一家BI企业负责数据可视化产品的开发，作为产品创新的需要，一篇论文吸引了我的目光，《 Sketchy Rendering for Information Visualization 》（该论文发表于2013年） 于是我带这两个实习生，利用论文中的知识做出了该工具的原型。收到了领导的赞许，就像很多有用和没用的创新一样，这东西最终无疾而终了。 论文的核心是对基本的图形元素的利用随机变形实现手绘风格。例如线和圆： 最近我发现一些手绘风格图表库出现在我的视野，例如 chart.xkcd 和 chartjs-plugin-rough 。 chart.xkcd风格很好看，但是支持的图表类型有限。 chartjs-plugin-rough仅仅是 chartjs 的扩展，使用的范围也很有限。 我希望能有一个通用的工具能够把任意类型的数据可视化转化为手绘风格，于是开发了这个 Sketchify 。 Sketchify同样是基于 Roughjs ，Roughjs是是个非常强大的手绘风格基础工具，可以实现基本的绘画元素在Canvas和SVG上的手绘风格的实现。 Skethcify的原理非常简单，从一个给定的根DOM元素开始，找到所有的SVG对象，然后递归寻找所有的子元素，读出子元素的基本属性，利用roughjs创建一个手绘风格的元素拷贝，隐藏原始元素