amcharts

问题 Hi all I'm using am4charts.XYChart for showing the prices of two different Vendors The graph is working fine and tooltip of each point is visible only if we hover the cursor over the points in the graph , but my requirement is the tooltip of all the points in the graph should be displayed while the graph is rendered . It should be displaying all the time without hovering . I have used the following code to generate the graph . <script src="https://www.amcharts.com/lib/4/core.js"></script>

问题 is it possible to trigger a 'change' on the select element of the amcharts multiple data set chart that they have provided.? $(".amChartsDataSetSelector").find("select").val("2").trigger("change"); This is the code i tried,what it does basically is change the select option to the one i have selected ,but it doesn't change the chart accordingly . Is there any other alternatives to this method? Here's my fiddle: Here's the original link to the chart on amcharts. 回答1: The jQuery .trigger( works

问题 I have a bar chart from amcharts. I need to highlight a single bar on click on bar. Current scenario is when I click multiple bar, all bars highlighted. Here is my code "listeners": [{ "event": "clickGraphItem", "method": function(event) { var node = event.item.columnGraphics.node.lastChild; node.setAttribute("stroke","#8198b4"); node.setAttribute("fill","#8198b4"); } }] Any help? Thank You. 回答1: Instead of modifying the node, use fillColorsField instead, which allows you to set/unset the

问题 I have a pieChart(sample working link below), but what I want is to get my chartData from my local file so it would not be hard coded. I'm having difficulty in this one. Note that I have valid JSON file, which I test and it works. When I did is to assign my JSON file to the var chartData = "validJsonFile.json" , it is not working. my chart displays nothing at all. I hope someone can help me. Thanks. Sample Working ChartLink is here the thing i tried but didnt work: var chartData =

问题 How can I Remove "Js charts by amcharts" Text from the amchart bar chart. is there a way to do this using chart configuration? Please check the text in Fiddle. 回答1: The branding text is on the free version. If you want to remove the text, you have to purchase a license. See the license FAQ for information on what license is appropriate for your use case. If you already have a license and are using AmCharts v3, just download the files from the support site, upload them to your web server and

问题 I am using amcharts, where in there are two line getting drawn. In case if the first line goes down to the second line, I need to make that part of line - bold with red color. AmCharts.makeChart("chartdiv", { "backgroundColor": 'blue', "theme": "light", "type": "serial", "zoomOutText": '', "color": "black", "dataDateFormat": "HH:NN", "legend": { "useGraphSettings": true }, "dataProvider": chartData, "valueAxes": [{ "id": "v1", "position": "left", "axisColor": "#472F52", "title": "Time of the

问题 AmCharts duplicates date (y-axis) for different points from different categories but same date and time. E.G. date is a x-axis point1 with date 01Jan2018 02:12:22 and value 123 point2 with date 01Jan2018 02:12:22 and value 223 AmCharts displays them one by one (not under each other). here is how it`s coded now <script> function array_uq(arr){ var newArr = []; for(var i in arr){ if(newArr.indexOf(arr[i][0])<0){ newArr.push(arr[i][0]); } } return newArr; } var chartData = JSON.parse('<?= $chart

问题 How can we parse the amcharts stock dates? Here example datas: chartData1=[{ 'date':'01-09-2010,00:05:05', 'value':1, 'volume':1 },{ 'date':'01-10-2010,00:05:05', 'value':1, 'volume':1 },{ 'date':'01-11-2010,00:05:05', 'value':1, 'volume':1 },{ 'date':'02-07-2010,00:05:05', 'value':1, 'volume':1 },{ 'date':'02-11-2010,00:05:05', 'value':1, 'volume':1 },{ 'date':'03-07-2010,00:05:05', 'value':2, 'volume':2 },{ 'date':'03-08-2010,00:05:05', 'value':2, 'volume':2 },{ 'date':'04-08-2010,00:05:05'

问题 I've tried various ways to drag an amchart around the page. I have got about 10 charts on the page. I would like to let the user to move any chart next to any other. Once the required div is moved out to another location, I'd like all the divs to realign automatically as they do when they are drawn for the first time.( I mean when a div is moved to, say, next to last graph on the page, I wouldn't like to see an empty space from where the div was moved. I'd like to see the div next to it slide

问题 How can I reset the chart zoom when data updates. I'm using amcharts and react: https://github.com/amcharts/amcharts3-react i'm redering the chart with: <div className='row' id={this.props.tileid} style={{height: '80%', width: '100%'}} > <AmCharts ref={`chart_${this.props.tileid}`} {...this.chart} dataProvider={this.props.data()} /> </div> Where my data prop is sliced to include/exclude data. On data include, the data renders in die chart, however the chart is still zoomed at the previous