Quinn-Curtis Forums
Quinn-Curtis Forums
Home | Profile | Register | Active Topics | Members | Search | FAQ
 All Forums
 Tools for Java
 QCSPCChart SPC for Java
 QCSPCChart Javascript Chart UI

Note: You must be registered in order to post a reply.
To register, click here. Registration is FREE!

Format Mode:
Format: BoldItalicizedUnderlineStrikethrough Align LeftCenteredAlign Right Horizontal Rule Insert HyperlinkInsert EmailInsert Image Insert CodeInsert QuoteInsert List

* Forum Code is ON
Smile [:)] Big Smile [:D] Cool [8D] Blush [:I]
Tongue [:P] Evil [):] Wink [;)] Clown [:o)]
Black Eye [B)] Eight Ball [8] Frown [:(] Shy [8)]
Shocked [:0] Angry [:(!] Dead [xx(] Sleepy [|)]
Kisses [:X] Approve [^] Disapprove [V] Question [?]


T O P I C    R E V I E W
samatqcc Posted - 03 Nov 2016 : 09:23:57
We are using the licensed QCSPCChart JavaScript Library in one of our projects and need to do the following:

1. Hide the grid lines on the Chart
2. Hide the minor tick marks on the X & Y axis
3. Change the display format of time in chart & data table to date & time

Can someone help me out on this..

2   L A T E S T    R E P L I E S    (Newest First)
samatqcc Posted - 03 Nov 2016 : 16:24:22
Thank you for the response.
Regarding the grid lines, we would like to have the chart background plain without the grid lines. The minor tick marks would be fine I think.

quinncurtis Posted - 03 Nov 2016 : 11:10:20
Sorry, but there are no options in the software to remove the grid lines or the minor tick marks. Exactly what are you objections these items?

You can change the time display in the table to any format you want using the TableSetup | ChartData | CustomTimeFormatString property.

"TableSetup": {
	  "HeaderStringsLevel": "HEADER_STRINGS_LEVEL2",
        "TableAlarmEmphasisMode": "ALARM_HIGHLIGHT_BAR",
	  "ChartAlarmEmphasisMode": "ALARM_HIGHLIGHT_SYMBOL",
	  "ChartData": {
	     "CustomTimeFormatString": "H:mm d/M/yy",

The format string follows standard Java date/time formatting rules. Here are some examples

"CustomTimeFormatString": "H:mm d/M/yy"
"CustomTimeFormatString": "H:mm:ss d/M/yy"
"CustomTimeFormatString": "H:mm M/dd/yy"

Using a much wider date/time formatting string may cause the date/time items in the data table to overlap. You may have to reduce the number of points you show in the chart at a time (NumDatapointsInView property) to prevent this.

Time format of the time axis labels in a TimeVariableControlChart can be customized in a similar manner using the PrimaryChartSetup | XAxisLabels | CustomFormatString.

"PrimaryChartSetup": {
    "XAxisLabels": {
          "CustomFormatString": "H:mm d/M/yy"

Note that the "CustomFormatString" property above does not have "Time" in it as the TableSetup | ChartData | CustomTimeFormatString version does.

Quinn-Curtis Forums © 2000-2018 Quinn-Curtis, Inc. Go To Top Of Page
Powered By: Snitz Forums 2000 Version 3.4.07