Advertisement
ottodude125

JChartFX Multiline with Stacked Bar Chart

Jul 9th, 2014
275
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. ############### ADD EXPECTED HOURS GRAPH TO DESIGNER AND MANAGERS DASHBOARD  ###############
  2. # Displays graph of worked, flexed, and expected hours
  3. window.loadHoursChart = () ->
  4.   user = jQuery.parseJSON(hrs_user)
  5.   buildJChartFXChart(jQuery.parseJSON(hrs_graph), user, chart, title)
  6.  
  7. # MAIN GRAPH GENERATOR - Displays graph of worked, flexed, and expected hours
  8. buildJChartFXChart = (items, user, chart, title) ->  
  9.   chart.getAnimations().getLoad().setEnabled true # animates drawing of graph
  10.   titles = chart.getTitles()
  11.   title.setText "Expected vs Worked/Flexed Hours"
  12.   titles.add title
  13.   chart.getLegendBox().setDock cfx.DockArea.Bottom  
  14.  
  15.   chart.getAxisX().setStep 2
  16.   chart.getAxisX().setLabelAngle(45)  
  17.   chart.getAxisY().getTitle().setText("Hours")  
  18.  
  19.   chart.getData().setSeries 5
  20.  
  21.   chart.getSeries().getItem(0).setGallery cfx.Gallery.Bar
  22.   chart.getSeries().getItem(1).setGallery cfx.Gallery.Bar
  23.  
  24.   chart.getAllSeries().setBarShape cfx.BarShape.Cylinder
  25.   chart.getAllSeries().setStackedStyle cfx.Stacked.Normal
  26.   chart.getAllSeries().setFillMode cfx.FillMode.Pattern
  27.   chart.getAllSeries().setVolume 75
  28.   chart.getAllSeries().setStackedStyle cfx.Stacked.Normal
  29.  
  30.   chart.getSeries().getItem(2).setGallery cfx.Gallery.Lines
  31.   chart.getSeries().getItem(2).setStacked(false)
  32.   chart.getSeries().getItem(3).setGallery cfx.Gallery.Lines
  33.   chart.getSeries().getItem(3).setStacked(false)
  34.  
  35.   chart.setDataSource items
  36.   chartDiv = document.getElementById("hoursPerDayHistory" + user["id"])
  37.   chart.create chartDiv
  38.   return
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement