Search the Community

Showing results for tags 'color'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Company Forums
    • Company News
  • Product Forums
    • FusionCharts XT
    • FusionWidgets XT
    • PowerCharts XT
    • FusionMaps XT
    • Collabion Charts for SharePoint
    • jQuery Plugin for FusionCharts
    • AngularJS plugin
    • ReactJS plugin
  • General Forums
    • FusionCharts Jobs and Consultation
    • FusionLounge

Found 11 results

  1. Area color under segment

    Hello! I would like to build my chart with MSArea component. I want to place labels on X-axis for each segment (line between 2 anchors points) and specify background color for some area segments (for area under line between 2 anchors points). Is it possible? And i need to specify onClick and onMouseOver event for each area segment between to anchors. Thank you.
  2. Can I design my bar chart with different gradient colors for each bar? for example: the first bar will be a gradient of red & white and second, will be purple & blue? In my chart, I managed to create gradients but it didn't let me give the second bar different colors Thanks
  3. Thanks for the great library. But, currently we are facing some color matching issue for msarea chart. Its showing light color instead of full color which we have applied. Even LEGEND showing proper color, But, Graph loading pale (light) color, We want to show full color ( we are giving hex code). I would like to show thick color which actually I have assigned to graph. Even I checked in fiddle sample, There its working fine, But, Why same color not displaying in mobile graph? http://jsfiddle.net/9ckaLzn1/ Can anyone suggest me, Where is the issue here? Here is our code in React native project. theme: 'fusion', showValues: '0', showBorder: '1', borderColor: '#666666', showLegend: '1', interactiveLegend: '1', showCanvasBorder: '1', bgAlpha: '1', canvasBorderAlpha: '1', borderAlpha: '1', bgColor: '#ffffff', showAlternateHGridColor: '0', divLineColor: '#6699cc', divLineAlpha: '60', divLineDashed: '1', divLineDashLen: '1', divLineDashGap: '2', baseFont: 'grey', baseFontSize: '12', baseFontColor: ‘grey’, toolTipBorderColor: 'white', valueFontColor: '#003A69', tooltipborderradius: '1', tooltipborderthickness: '1', labelFontColor: '#B5C3CC', animation: 'true', legendIconSides: '4', legendIconStartAngle: '225', drawCustomLegendIcon: '1', legendItemFontBold: '0', legendItemFont: 'Gotham HTF', legendItemFontSize: '12', legendItemFontColor: '#B5C3CC', legendBorderColor: 'white', legendShadow: '0', numberPrefix: '$', setTransparent: 'true' And Data set is dataset: [{ seriesname: 'Amount', color: '#04249C', data: [{ value: '10', },
  4. Hi, I have a new suggestion for your developper team : The ability to apply the same color as the seriename color to the font values !! It could be particulary useful on radar charts for exemple or on any charts where the values are overlaping. A property like : "applySeriesnameColorToValuesFontColor": "1" at chart level object and may be at dataset level object too ? (apply it only for some but not all for exemple) I am surprised that isn't implemented yet. (or might be it is done and I didn't find it...) Sébastien
  5. Hi My question is the following, why we cannot set alternate grid color in Dual Y Charts?, it looks like the chart always shows the divisional lines in the same position, so I wonder why this is not possible if the div lines are in the same place. Thanks
  6. Hi, I'm running v2.0.0 and it appears that since I upgraded to this version, charts that have previously installed Custom Attributes (colorpallete) have been removed. Further to this, if I try to add custom colors via Custom Attributes it does not work, neither does setting the chart up again from scratch using colorpallete via Custom Attributes. I am using a single series, two bar chart and wish to set the two colors. This has worked on previous versions of CollabionCharts and previously on FusionCharts. Any help would be appreciated. I've attached an image of one example. As you can see the second bar in the chart is not showing any color. If I edit the chart the colorpallete attribute is missing, but even if I replace this the two colors do not work.
  7. Hello, Can we give specific color to any specific bar of column/bar chart and color for line in multi-series line chart? Thanks, Rohit
  8. Border Bars color

    Hello guys, How are you? I'm trying to plot a bar chart, and I need a particular color for the first bar, and a different color for the rest of the bars. Is that possible? And I want to do something similar with a double-bar chart. Thanks!!!
  9. Using the following defintion I get different appearances between the flash and javascript versions. Edges are not rounded in javascript. <?xml version="1.0" encoding="UTF-8"?> -<graph lineDashed="0" useRoundEdges="1" rotateValues="1" showValues="0" divLineColor="000000" canvasBgColor="dad9da" rotateLabels="1" xaxisname="X-Axis" yaxisname="Y-Axis" imageSaveURL="rdTemplate/rdAnimatedChart/FCExporter.aspx" imageSave="1" unescapeLinks="0" showBorder="0" chartBottomMargin="" chartTopMargin="" chartRightMargin="" chartLeftMargin="" numberPrefix="" showLabels="1" bgColor="ffffff" Caption="" animation="1" showFCMenuItem="0"> -<styles> -<definition> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="DataLabelsFontStyle"/> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="YAXISVALUESFontStyle"/> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="LegendFontStyle"/> </definition> -<application> <apply styles="DataLabelsFontStyle" toObject="DataLabels"/> <apply styles="YAXISVALUESFontStyle" toObject="YAXISVALUES"/> <apply styles="LegendFontStyle" toObject="Legend"/> </application> </styles> <set color="008000" alpha="100" label="Dairy Products" value="115387.6500"/> <set color="008000" alpha="100" label="Beverages" value="103924.3100"/> <set color="008000" alpha="100" label="Confections" value="82657.7300"/> <set color="008000" alpha="100" label="Meat/Poultry" value="80975.1200"/> <set color="008000" alpha="100" label="Seafood" value="66959.2100"/> <set color="008000" alpha="100" label="Grains/Cereals" value="56871.8200"/> <set color="008000" alpha="100" label="Condiments" value="55368.6000"/> <set color="008000" alpha="100" label="Produce" value="54940.7600"/> <trendlines/> </graph>
  10. Hi, Using this defintion, the area under the line is green in flash but grey in javascript. Are you all aware of this problem? Is there a workaround I can use? I need both charts to look the same. Thanks. <?xml version="1.0" encoding="UTF-8"?> -<graph lineDashed="0" useRoundEdges="0" rotateValues="1" showValues="0" divLineColor="000000" canvasBgColor="dad9da" rotateLabels="1" xaxisname="X-Axis" yaxisname="Y-Axis" imageSaveURL="rdTemplate/rdAnimatedChart/FCExporter.aspx" imageSave="1" unescapeLinks="0" showBorder="0" chartBottomMargin="" chartTopMargin="" chartRightMargin="" chartLeftMargin="" numberPrefix="" showLabels="1" bgColor="ffffff" Caption="" animation="1" showFCMenuItem="0"> -<styles> -<definition> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="DataLabelsFontStyle"/> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="YAXISVALUESFontStyle"/> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="LegendFontStyle"/> </definition> -<application> <apply styles="DataLabelsFontStyle" toObject="DataLabels"/> <apply styles="YAXISVALUESFontStyle" toObject="YAXISVALUES"/> <apply styles="LegendFontStyle" toObject="Legend"/> </application> </styles> <set color="008000" alpha="100" label="Dairy Products" value="115387.6500"/> <set color="008000" alpha="100" label="Beverages" value="103924.3100"/> <set color="008000" alpha="100" label="Confections" value="82657.7300"/> <set color="008000" alpha="100" label="Meat/Poultry" value="80975.1200"/> <set color="008000" alpha="100" label="Seafood" value="66959.2100"/> <set color="008000" alpha="100" label="Grains/Cereals" value="56871.8200"/> <set color="008000" alpha="100" label="Condiments" value="55368.6000"/> <set color="008000" alpha="100" label="Produce" value="54940.7600"/> <trendlines/> </graph>
  11. Hi, it seems like gradient color is defaulted to chart like angular gauge, funnel, multiseries column 2D. Could anyone tell me what XML attribute that I should set in order to make the solid color for all these chart? Different chart type has its own XML attribute to get rid of the gradient? Thanks.