Search the Community

Hi, I have created a scrollcolumn2d chart and applied annotations to It. I'm facing problem, When I scroll chart at that time bar are scrolling correct but annotation stay as it is. you can find this in below attached files. before scroll after scroll Can you help me how can I fix? and also I want to customise scroll bar. Please. Let me know if there is any solutions. Thanks

Hello! I am using a gantt chart. I fill it with tasks in the following way: tasks: { task: [ { label: "In Use", processid: "A", start: "1/1/2018", end: "13/1/2018", bordercolor: "#62B58D", color: "#62B58D", id: "1" }, { label: "Idle", processid: "A", start: "13/1/2018", end: "18/1/2018", bordercolor: "#F2726F", color: "#F2726F", id: "2" } ] } And I get the following chart: I need to add images to the start and end of a gantt chart task: I want to do this with annotations and markers. In the documentation, I found convenient markers for datasets: x:$dataset.0.set.1.STARTX, y:$dataset.0.set.1.STARTY With this marker, I can select the desired dataset and add an image for it. But in the Gantt chart, I do not use datasets, but tasks. What marker should I use to find the task I want and add images for it? Thank you!

I am doing react native application. In that, I am trying to showing bar chart. So, I am using Fusion Chart, It is mandatory to use this library in my application. So, I followed this library installation and it was successful. But, Data is not showing at all. I have added annotations according to get my design. But, No data to display showing in screen even data is there. export default class App extends Component { constructor(props) { super(props); this.state = { type: 'bar2d', width: '100%', height: '100%', dataFormat: 'json', dataSource: { chart: { captionFontSize: '16', subcaptionFontSize: '14', showAlternatevGridColor: '0', numDivLines: '0', valueFontColor: '#ffffff', yAxisMinValue: '0', yAxisMaxValue: '100', showYAxisValues: '0', // "canvasBorderColor" : "#b3ffb3", canvasBgColor: '#ffffff,#e6eeff', canvasTopMargin: '100', paletteColors: '#990000', usePlotGradientColor: '1', plotGradientColor: '#ff8080', divLineAlpha: '0', plotSpacePercent: '60', useDataPlotColorForLabels: '1', showPercentInTooltip: '0', showLegend: '1', showLabels: '0', showValues: '0', placeValuesInside: '1', showBorder: '0' }, data: [ { label: 'Travel & Leisure', value: '41' }, { label: 'Advertising/Marketing/PR', value: '39' }, { label: 'Other', value: '38' }, { label: 'Real Estate', value: '32' }, ], annotations: { showBelow: '0', autoScale: '1', groups: [{ id: 'user-images', items: [{ id: 'dyn-label-bg', color: '#000000', align: 'left', type: 'text', text: 'Best when calm', x: '$canvasStartX+0', y: '$dataset.0.set.0.ENDY-0' }, { id: 'dyn-label-bg', color: '#000000', align: 'left', type: 'text', text: 'Very Relaxed', x: '$canvasStartX+00', y: '$dataset.0.set.1.ENDY-0' }, { id: 'dyn-label-bg', color: '#000000', align: 'left', type: 'text', text: 'Mellow', x: '$canvasStartX+00', y: '$dataset.0.set.2.ENDY-0' }, { id: 'dyn-label-bg', color: '#000000', align: 'left', type: 'text', text: 'Out of Control', x: '$canvasStartX+00', y: '$dataset.0.set.3.ENDY-0' }] }] } } }; this.libraryPath = Platform.select({ // Specify fusioncharts.html file location ios: require('./assets/fusioncharts.html'), //android: { uri: 'file:///android_asset/fusioncharts.html' }, }); } render() { return ( <View style={styles.container}> <Text style={styles.heading}> FusionCharts Integration with React Native </Text> <View style={styles.chartContainer}> <FusionCharts type={this.state.type} width={this.state.width} height={this.state.height} dataFormat={this.state.dataFormat} dataSource={this.state.dataSource} libraryPath={this.libraryPath} // set the libraryPath property /> </View> </View> ); } } Here is the link which I created in stackoverflow query. https://stackoverflow.com/questions/54785081/fusion-chart-showing-no-data-to-display-in-react-native I got stuck due to this issue from 2 days, Can anyone help me to fix this. Its urgent work. Thanks

When using column charts (column2d) and adding a callout annotation, the annotation is hidden behind other columns. (i.e. a lower stacking order). Example: given the fiddle http://jsfiddle.net/fusioncharts/bLxr4/ change the value for Q1 to 40000. The column for Q1 now appears on top of the annotation. (Note this also happens with line charts but is obviously more noticeable with columns.) {FC XT 3.12}

Hello, I use stacked2dbar like in this fiddle: http://jsfiddle.net/fusioncharts/x8MDc/ and I want to insert annotations like these in this picture: Is that possible and how to get these annotations inside the bar?

Hi! I would like your help I'm trying to get a circle in the end of the dial (between the angular gauge radius), can someone give me a tip how i can accomplish that ? I was trying to do it with annotations but its hard to establish the (x,y) needed for the center. Thanks, Luis Bessa