ql_maxg
-
Posts
19 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by ql_maxg
-
-
-
Could you please give me url to jchartfx full js on cdn so I could create jsfiddle case for you?
-
Hello!
Just noticed another bug, when I have combined charts series and only one series have label - then its not possible to change point label text color ( getPointLabels().setVisible(true) and then: getPointLabels().setTextColor(#..) does not work for only one single series)
It works only when all labels for all series are visible.
Please fix ASAP.
-
Please let me know when pre-release is available
-
There are 2 issues:
1 HTML/xHTML not valid with 2 identical IDs of elements.
2 It produces a buggy PNG exported image with 2 canvases overlapped.
-
Is it possible to remove the logo for OEM license ?
-
Hello!
Just found another bug:
http://jsfiddle.net/t8ufarc3/17/
Please note, script produced 2 elements:
<div id="chart" class="jchartfx"> ...
and
<svg width="832" height="400" xmlns="http://www.w3.org/2000/svg"xmlns:sfx="http://www.softwarefx.com/ns" xmlns:xlink="http://www.w3.org/1999/xlink" id="chart" class="jchartfx">...
----------
with the same id="chart", that should be fixed, it causes some issues in my app.
-
There is another problem with latest version.
If I have only one label - not possible to change color labels of a single series.
-
Hello
I need to pass some labels for x axis in following format '2015-02-02', other words in date format. But, I don't want jchartfx to identify it as date and convert to date label in culture format. I want it to be treated as some custom text labels and preserve the order of data. Is it possible to do?
-
I am afraid this is by design, You can change the 0 with cx.Chart.Hidden and the bar will not be displayed at all for that particular value. cx.Chart.Hidden also has the behavior of breaking up a connected gallery (such as line or area) in 2 segments.
JuanC
in this post you mislead me with wrong code, it cost me a day to catch that bug, the hidden code should be cfx.Chart.Hidden, no cx.Chart.Hidden ...!
-
Juan, this is not logical, if column is visible, it means value is > 0, I think it MUST BE hidden completely...
Its a bug.
-
Please check here
http://jsfiddle.net/t8ufarc3/22/
2015-08
When series item has 0 value tiny line is still visible!
Please fix this...
var jcharfx1 = null; var jcharfx1_isinit = false; var loadchart1 = function() { jcharfx1 = new cfx.Chart(); var data = [{'Date':'2015-01', 'First Yield':86.98,'Quantity':2442}, {'Date':'2015-02', 'First Yield':90.18,'Quantity':1823}, {'Date':'2015-03', 'First Yield':91.81,'Quantity':1062}, {'Date':'2015-04', 'First Yield':92.06,'Quantity':2229}, {'Date':'2015-05', 'First Yield':63.38,'Quantity':1117}, {'Date':'2015-06', 'First Yield':82.32,'Quantity':1420}, {'Date':'2015-07', 'First Yield':86.34,'Quantity':2701}, {'Date':'2015-08', 'First Yield':88,'Quantity':0}, {'Date':'2015-09', 'First Yield':75.71,'Quantity':3491}, {'Date':'2015-10', 'First Yield':63.08,'Quantity':4049}, {'Date':'2015-11', 'First Yield':85.1,'Quantity':4631}, {'Date':'2015-12', 'First Yield':86.5,'Quantity':2044}, ]; jcharfx1.setDataSource(data); jcharfx1_isinit = true; jcharfx1.setBorder(null); jcharfx1.setBackColor("#333740"); jcharfx1.getAxisX().setTextColor("#f4f4f4"); jcharfx1.getAxisY().setTextColor("#f4f4f4"); jcharfx1.getAxisY2().setTextColor("#f4f4f4"); jcharfx1.getAxisY().getGrids().getMajor().setColor("#666666"); jcharfx1.getLegendBox().setTextColor("#f4f4f4"); jcharfx1.setPlotAreaColor("#333740"); jcharfx1.getToolTips().setEnabled(true); jcharfx1.getLegendBox().setDock(cfx.DockArea.Bottom); jcharfx1.getLegendBox().setVisible(false); jcharfx1.getMenu().setVisible(false); jcharfx1.getAxisY().getTitle().setText("Quantity"); jcharfx1.getAxisY().getTitle().setTextColor("#f4f4f4"); jcharfx1.getAxisX().getTitle().setText("Timeline"); jcharfx1.getAxisX().getTitle().setTextColor("#f4f4f4"); var points = jcharfx1.getPoints(); points.getItem(-1, 11).setColor("#0080ff"); points.getItem(-1, 11).getBorder().setColor("#00b0ff"); points.getItem(-1, 11).getBorder().setWidth(3); var seriesItem = jcharfx1.getSeries().getItem(0); if(typeof seriesItem != "undefined"){ seriesItem.setMarkerShape(cfx.MarkerShape.Circle); seriesItem.setMarkerSize(6); seriesItem.getPointLabels().setVisible(true); seriesItem.getPointLabels().setTextColor("#f4f4f4"); seriesItem.setAxisY(jcharfx1.getAxisY2()); jcharfx1.getAxisY2().getGrids().getMajor().setVisible(false); seriesItem.getAxisY().getDataFormat().setDecimals(2); jcharfx1.getAxisY2().getTitle().setText("First Yield (%)"); jcharfx1.getAxisY2().getTitle().setTextColor("#f4f4f4"); seriesItem.setGallery(cfx.Gallery.Lines); seriesItem.setColor("#9e53a0"); seriesItem.getPointLabels().setFormat(" %v %%"); seriesItem.getPointLabels().setOffset("0,0"); var line = seriesItem.getGalleryAttributes(); line.setTemplate("LineBasic"); seriesItem.getAxisY().getDataFormat().setDecimals(2); } var seriesItem2 = jcharfx1.getSeries().getItem(1); if(typeof seriesItem2 != "undefined"){ seriesItem2.setMarkerShape(cfx.MarkerShape.None); seriesItem2.getPointLabels().setVisible(true); seriesItem2.getPointLabels().setTextColor("#f43333"); seriesItem2.setGallery(cfx.Gallery.Bar); seriesItem2.setColor("#5ed7dd"); seriesItem2.getPointLabels().setOffset("0,-25"); var bar = seriesItem2.getGalleryAttributes(); bar.setTemplate("BarBasic"); seriesItem2.getAxisY().getDataFormat().setDecimals(0); } jcharfx1.create($("#jchartfx_ChartDiv2")[0]); }; $(function () { loadchart1(); });
-
confirmed as fixed.
-
-
Juan,
how it will be released?
-
Juan,
how do I set color and labels offset for one series ?
-
This is frustrating, please fix ASAP
http://jsfiddle.net/t8ufarc3/17/
---------------
var jcharfx1 = null;var jcharfx1_isinit = false;var loadchart1 = function() {jcharfx1 = new cfx.Chart();var data = [{'Date':'2015-01', 'First Yield':86.98,'Quantity':2442}, {'Date':'2015-02', 'First Yield':90.18,'Quantity':1823}, {'Date':'2015-03', 'First Yield':91.81,'Quantity':1062}, {'Date':'2015-04', 'First Yield':92.06,'Quantity':2229}, {'Date':'2015-05', 'First Yield':63.38,'Quantity':1117}, {'Date':'2015-06', 'First Yield':82.32,'Quantity':1420}, {'Date':'2015-07', 'First Yield':86.34,'Quantity':2701}, {'Date':'2015-08', 'First Yield':83.56,'Quantity':1040}, {'Date':'2015-09', 'First Yield':75.71,'Quantity':3491}, {'Date':'2015-10', 'First Yield':63.08,'Quantity':4049}, {'Date':'2015-11', 'First Yield':85.1,'Quantity':4631}, {'Date':'2015-12', 'First Yield':86.5,'Quantity':2044}, ];jcharfx1.setDataSource(data);jcharfx1_isinit = true;jcharfx1.setBorder(null);jcharfx1.setBackColor("#333740");jcharfx1.getAxisX().setTextColor("#f4f4f4");jcharfx1.getAxisY().setTextColor("#f4f4f4");jcharfx1.getAxisY2().setTextColor("#f4f4f4");jcharfx1.getAxisY().getGrids().getMajor().setColor("#666666");jcharfx1.getLegendBox().setTextColor("#f4f4f4");jcharfx1.setPlotAreaColor("#333740");jcharfx1.getToolTips().setEnabled(true);jcharfx1.getLegendBox().setDock(cfx.DockArea.Bottom);jcharfx1.getLegendBox().setVisible(false);jcharfx1.getMenu().setVisible(false);jcharfx1.getAxisY().getTitle().setText("Quantity"); jcharfx1.getAxisY().getTitle().setTextColor("#f4f4f4"); jcharfx1.getAxisX().getTitle().setText("Timeline"); jcharfx1.getAxisX().getTitle().setTextColor("#f4f4f4"); var points = jcharfx1.getPoints(); points.getItem(-1, 11).setColor("#0080ff"); points.getItem(-1, 11).getBorder().setColor("#00b0ff"); points.getItem(-1, 11).getBorder().setWidth(3);var seriesItem = jcharfx1.getSeries().getItem(0); if(typeof seriesItem != "undefined"){ seriesItem.setMarkerShape(cfx.MarkerShape.Circle); seriesItem.setMarkerSize(6); seriesItem.getPointLabels().setVisible(true); seriesItem.getPointLabels().setTextColor("#f4f4f4"); seriesItem.setAxisY(jcharfx1.getAxisY2()); jcharfx1.getAxisY2().getGrids().getMajor().setVisible(false); seriesItem.getAxisY().getDataFormat().setDecimals(2); jcharfx1.getAxisY2().getTitle().setText("First Yield (%)"); jcharfx1.getAxisY2().getTitle().setTextColor("#f4f4f4"); seriesItem.setGallery(cfx.Gallery.Lines); seriesItem.setColor("#9e53a0"); seriesItem.getPointLabels().setFormat(" %v %%"); seriesItem.getPointLabels().setOffset("0,0"); var line = seriesItem.getGalleryAttributes(); line.setTemplate("LineBasic"); seriesItem.getAxisY().getDataFormat().setDecimals(2); }var seriesItem2 = jcharfx1.getSeries().getItem(1); if(typeof seriesItem2 != "undefined"){ seriesItem2.setMarkerShape(cfx.MarkerShape.None); seriesItem2.getPointLabels().setVisible(true); seriesItem2.getPointLabels().setTextColor("#f43333"); seriesItem2.setGallery(cfx.Gallery.Bar); seriesItem2.setColor("#5ed7dd"); seriesItem2.getPointLabels().setOffset("0,-25"); var bar = seriesItem2.getGalleryAttributes(); bar.setTemplate("BarBasic"); seriesItem2.getAxisY().getDataFormat().setDecimals(0); }jcharfx1.create($("#jchartfx_ChartDiv2")[0]);};$(function () { loadchart1(); }); -
Hello!
I am in need to display decimals exactly as in datasource, like 100, 34.3 or 34.333
I don't have exact number of decimals, so I'd like to see 100, instead of 100.00, 34.3 instead of 34.30 etc
Is that possible ?
Thanks!
point label color per series - bug
in General Questions
Posted
when should I expect next build?