amcharts

问题 I'm having an issue with the AmCharts "gapPeriod" property. It says in the Docs, "Using this property you can specify when graph should display gap - if the time difference between data points is bigger than duration of minPeriod * gapPeriod, and connect property of a graph is set to false, graph will display gap." I've tried many different values ("dapPeriod": 1, "dapPeriod": 0.1, "dapPeriod": .8,) I can't seem to get the line graph to display a gap between certain value markers. I've

问题 We have implemented pie chart using amCharts. But when drill down occurs, the pulled slices label are cropped. How can we fix this issue? chart = AmCharts.makeChart( "chart_1", { "type": "pie", "autoMargins": false, "marginRight": 10, "marginBottom": 10, "dataProvider": generateChartData(), "titleField": "SubTypeName", "valueField": "Weight", "outlineColor": "#FFFFFF", "colorField": "Color", "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",

问题 I want to replicate the following example. When I try to access the chartBoard property I receive an error that this object is undefined . rendereMethod(e) { console.log("rendered") var sb = e.chart.chartScrollbar.set.node; sb.addEventListener("mousedown", function() { e.chart.mouseIsDown = true; }); e.chart.chartDiv.addEventListener("mouseup", function() { e.chart.mouseIsDown = false; // zoomed finished console.log("zoom finished", e.chart.lastZoomed); }); }, That is weird because

问题 I have below setting done for my amcharts serial-graph . var data = [{ "name": "Test Name 1", "count": 31, "amount": 30562, "amount1": 8241, "amount2": 4463, "amount3": 3125, "amount4": 14733, "count1": 4, "count2": 11, "count3": 8, "count4": 8, "color1": "#fdaa29", "color2": "#45aeea", "color3": "#8fc842", "color4": "#d43a43" }, { "name": "Test Name 2", "count": 40, "amount": 30413, "amount1": 12874, "amount2": 5014, "amount3": 4915, "amount4": 7610, "count1": 20, "count2": 7, "count3": 9,

问题 I'm looking to build a dynamic and interactive multiple charts using Javascript. In this exercise involves moving/panning multiple charts simultaneously. I've implemented this exercise with varies charting libraries with SVG. However, I found when I started to have more than 12 charts, while panning the rendering become sluggish. Highcharts library seems to shown huge lag. Here is an example of what I'm trying to do.. This is running with amCharts, seems to be a little better. I'll add

问题 i am facing quite a problem which is to create the nice graph from http://www.amcharts.com/ but i need to retrieve data from my sql database. But i don't know how to place inside. Please guide me. Below is the way how the graph displayed, but i wanted to work with data from database. Thank you. <script type="text/javascript"> var chartData = generateChartData(); function generateChartData() { var chartData = []; var firstDate = new Date(2012, 0, 1); firstDate.setDate(firstDate.getDate() - 500

问题 I am using amCharts to generate graphs and such by pulling data via dataLoader capability. I have been mulling my brain as to how to gracefully handle lack of data that gets passed from API from time to time so that graph shows a message such as "No Data Available". Example chart code: var chart = new AmCharts.AmSerialChart(); chart.dataLoader = { url: "/api/blobs"}; chart.categoryField = "site"; chart.type="serial"; chart.theme = "light"; var graph = new AmCharts.AmGraph(); graph.valueField

问题 Here's the code I use to plot a line graph. var db_query = <?php echo json_encode($db_query_1) ?>; var chart; var graph; /* chart initialization */ var chart = AmCharts.makeChart("plot1", { type: "serial", categoryField: "OCCUR_DATE", graphs: [{ type: "smoothedLine", theme: "light", valueField: "FREQ" }] }) $.ajax({ type: 'POST', url: "mySQL.php", data: {'db_que': db_query}, dataType: 'html', context: document.body, global: false, async:true, success: function(data) { //alert(data); chart

问题 Here is my javascript for a world map. The idea is for the tooltip pop-up to contain a link to a url, allow the user to click on it and have the url open in another tab/window. tooltip just moves away from pointer, no way to click on embedded tag with url. How to stop the tooltip from moving away from pointer? (tooltipPosition: fixed or pointer did not change anything) // Create map instance var chart = am4core.create("chartdiv", am4maps.MapChart); // Set map definition chart.geodata =

问题 I went through the examples and docs of amCharts. Here is my problem: the chart is showing just a line and not two as defined in the 2 datasets: var chart; function createStockChart() { chart = new AmCharts.AmStockChart(); // DATASETS ////////////////////////////////////////// var dataSet = new AmCharts.DataSet(); chart.dataSets = [{ title: "XWD.TO", color: "#000000", fieldMappings: [ { fromField: "value", toField: "value" }, { fromField: "volume", toField: "volume" } ], dataProvider: