Jump to content
JChartFX Community


Popular Content

Showing content with the highest reputation since 06/07/2015 in all areas

  1. 1 point
    I am guessing you are talking about the user interface when you select the Series menu. This is created dynamically, we do not use classes in this code but we try to get the color for AttributeX. I noticed we do not try to use the series tag so that could explain a discrepancy between the color in the menu and the series. This has been fixed and the fix will be included in our next drop. Regards, JuanC
  2. 1 point
    You can attach a handler to the gettip event and one of the fields will be the tooltip div, e.g. function onTipDiv(args) { var style = args.tooltipDiv.getAttribute("style"); args.tooltipDiv.setAttribute("style", style + ";background:#880015"); } chart1.on("gettip", onTipDiv); Hope this helps. JuanC
  3. 1 point
    We do not support using the "zoom" scrollbar on charts using multiple panes, actually we eve have code that tries to force the simple scrollbars in those situations. If you are ok with simple scrollbar, you can force them using the following code chart1.getZoom().setUseSimpleScrollBars(true); In our current builds (not made public yet) we are exploring an API that allows you to select a single pane or series to show in this "zoom" scrollbar, would this be something that helps you in your scenario? Can you tell us the version of jChartFX you are using and post sample code that duplicates the problem you are experiencing? Regards, JuanC
  4. 1 point
    So, as it turns out, this was due to the existence of the <base href="/"> tag used by JS MVC frameworks, which causes issues with SVG fills. Fixing it involved forcing the urls for fills to an absolute path that matched the full current url of the app.
  5. 1 point
    I have a chart using jChartfx that is rendered on a widget. This widget is resizeable. How do I resize the jchartfx chart as the widget is being resized? Code: @model ePortfolio.Models.WidgetViewModel @using System.Web.Script.Serialization; @{ var x = Model.GetWidgetUser(); } <li data-row="@x.data_row" data-col="@x.data_col" data-sizex="@x.data_sizex" data-sizey="@x.data_sizey" id="@x.WidgetId" style="border: solid"> @*<div data-role="navbar" class="widget-head" id="navcontainer"> @Html.DisplayFor(model => model, "WidgetHeader"); </div>*@ <div id="btn" style="overflow: no-content;width:100%;"> <div id="idRefresh" style="position: absolute; right:0px; top: 0px; display:inline;background:url(../../Content/images/refresh.gif) no-repeat;width: 24px; height: 20px; text-indent: -9999em; margin: 8px 0 8px 4px; outline: none;"> </div> <div id="idResize" style="position: absolute; right:20px; top: 0px; display:inline;background:url(../../Content/images/resize.png) no-repeat;width: 24px; height: 20px; text-indent: -9999em; margin: 8px 0 8px 4px; outline: none;"></div> <div id="idPin" style="position: absolute; right:40px; top: 0px; display:inline;background:url(../../Content/images/pin.png) no-repeat;width: 24px; height: 20px; text-indent: -9999em; margin: 8px 0 8px 4px; outline: none;"> </div> <div id="idText" style="position: absolute; right:50%; top: 20px; display:inline; height: 20px; "><h5>@Model.Widget.Title</h5></div> </div> <br /><br /><br /> <div style="overflow: auto;height:93%;"> <div id="ChartDiv" style="overflow: auto;height:288px;"></div> </div> </li> <script type="text/javascript" language="javascript"> var chart1; function LoadPieChart() { chart1 = new cfx.Chart(); chart1.setGallery(cfx.Gallery.Pie); chart1.getAllSeries().getPointLabels().setVisible(true); var pieAttr = chart1.getAllSeries().getGalleryAttributes(); pieAttr.setLabelsInside(false); chart1.getAllSeries().getPointLabels().setFormat("%l %p%%"); chart1.getLegendBox().setVisible(false); var str = @Html.Raw(Json.Encode(ViewData["Asset Allocations Chart"])); chart1.getAxisY().getDataFormat().setDecimals(2); chart1.getView3D().setEnabled(true); chart1.getAllSeries().getPointLabels().setVisible(true); //console.log("1: "+str) chart1.setDataSource(str); var data = chart1.getData(); data.setSeries(1); data.setPoints(10); chart1.getAllSeries().getPointLabels().setVisible(true); chart1.getAllSeries().getPointLabels().setAlignment(cfx.StringAlignment.NEAR); chart1.getLegendBox().setVisible(false); //chart1.getLegendBox().setWidth(50); //chart1.getLegendBox().setDock(cfx.DockArea.Right); //chart1.getLegendBox().setContentLayout(cfx.ContentLayout.Near); chart1.getPlotAreaMargin().setTop(0); chart1.getPlotAreaMargin().setBottom(0); chart1.getPlotAreaMargin().setRight(0); chart1.getPlotAreaMargin().setLeft(0); var divHolder = document.getElementById('ChartDiv'); chart1.create(divHolder); } $(function() { LoadPieChart(); }); $(window).resize(function() { if (chart1 != null) chart1.doUpdate(true); }); </script>
  6. 1 point
    We have some titles that are too long to fit on a single line. We can tell that the control is wrapping them onto the second line, but the vertical space dedicated to the title is not increased so you can only see a fraction of the second title line. Is there a way to auto-size the title box so that multiple lines are always visible? If not, is there another solution to this issue? Thanks in advance for your help!
  7. 1 point
    Good morning, I have an issue in that the tooltip stays visible when the chart itself is not visible anymore (after a swipe going to a different view) jchartfx is used on mobile device within the dojo framework. Is there a way to manually "hide" the tooltip of a chart? a method or something like this? our application is a bit more complex i guess so code pasting will not help
  8. 1 point
    Hi, I'm seeing a scrollbar (I've attached a screenshot) where I believe there shouldn't be one in IE11 (edge mode). All of the graphs are absolutely positioned, and have no padding. However, I still see the scrollbar. Ideally, I'd only see the scrollbar when the graph content is more than the div. PS I have a zip file working with this example, but it's quite large so I didn't post it. Please help out. Thanks, Jon
  9. 1 point
    I have a system that generates a chart on a page. The user can then update the chart settings using the new menu that is supplied in the latest release. Is there a way to retrieve the settings that have been set by the user so I can persist them somewhere and restore the page as the user configured next time the user returns to the page? TL;DR - Can I save menu changes?
  10. 1 point
    Hi, We are new to jchartfx and have a question. We have created a pie chart with the legend at the bottom and we need to re-size it to fit on the sidebar of our site but when we set the width of the div to anything less than 400px the legend disappears. Is there any way we can set the width to 300px with out losing the legend. Please see attached. Thanks Rich
  11. 1 point
    Hi, As can be seen from the attached picture, I have a chart that has 2 Y axis and has Autoscroll/ClientScroll enabled. However, that causes the Avg Yield series to show up twice. One for the bottom graph and one for the top one. the top one is fine since it accurately reflects the scroll graph's viewport. However the Green line in the middle of the graph which I believe is part of the scroll graph is unnecessary and causes confusion. Is there any way to suppress that. -Shishir
  12. 1 point
    I know that the CSS is applied to the chart after the API values are set. If we set a value for something like a series color via the API, then we apply a stylesheet that DOES NOT have that property in it, does the setting from the API remain or is it cleared out to default values?
  13. 1 point
    Hello, I would like to know how to change the default color values of the charts. We have several pie charts and we would like the individual section colors to be different. According to the following thread: http://community.jchartfx.com/topic/293-css-vs-api-property-settings/ JuanC apparently mentioned that in future builds, all we would have to do is declare an array with the colors we would want to use (the last post in that thread). Is this possible now? If so, how do I do this? Thanks a lot! -Falkon
  • Create New...