forked from nicolaskruchten/pivottable
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathc3_renderers.coffee
159 lines (140 loc) · 6.05 KB
/
c3_renderers.coffee
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
callWithJQuery = (pivotModule) ->
if typeof exports is "object" and typeof module is "object" # CommonJS
pivotModule require("jquery")
else if typeof define is "function" and define.amd # AMD
define ["jquery"], pivotModule
# Plain browser env
else
pivotModule jQuery
callWithJQuery ($) ->
makeC3Chart = (chartOpts = {}) -> (pivotData, opts) ->
defaults =
localeStrings:
vs: "vs"
by: "by"
c3: {}
opts = $.extend true, defaults, opts
opts.c3.size ?= {}
opts.c3.size.width ?= window.innerWidth / 1.4
opts.c3.size.height ?= window.innerHeight / 1.4 - 50
chartOpts.type ?= "line"
rowKeys = pivotData.getRowKeys()
rowKeys.push [] if rowKeys.length == 0
colKeys = pivotData.getColKeys()
colKeys.push [] if colKeys.length == 0
headers = (h.join("-") for h in colKeys)
rotationAngle = 0
fullAggName = pivotData.aggregatorName
if pivotData.valAttrs.length
fullAggName += "(#{pivotData.valAttrs.join(", ")})"
if chartOpts.type == "scatter"
scatterData = x:{}, y:{}, t:{}
attrs = pivotData.rowAttrs.concat(pivotData.colAttrs)
vAxisTitle = attrs[0] ? ""
hAxisTitle = attrs[1] ? ""
groupByTitle = attrs.slice(2).join("-")
titleText = vAxisTitle
titleText += " #{opts.localeStrings.vs} #{hAxisTitle}" if hAxisTitle != ""
titleText += " #{opts.localeStrings.by} #{groupByTitle}" if groupByTitle != ""
for rowKey in rowKeys
for colKey in colKeys
agg = pivotData.getAggregator(rowKey, colKey)
if agg.value()?
vals = rowKey.concat(colKey)
series = vals.slice(2).join("-")
if series == "" then series = "series"
scatterData.x[series] ?= []
scatterData.y[series] ?= []
scatterData.t[series] ?= []
scatterData.y[series].push vals[0] ? 0
scatterData.x[series].push vals[1] ? 0
scatterData.t[series].push agg.format(agg.value())
else
numCharsInHAxis = 0
for x in headers
numCharsInHAxis += x.length
if numCharsInHAxis > 50
rotationAngle = 45
columns = []
for rowKey in rowKeys
rowHeader = rowKey.join("-")
row = [if rowHeader == "" then pivotData.aggregatorName else rowHeader]
for colKey in colKeys
agg = pivotData.getAggregator(rowKey, colKey)
if agg.value()?
val = agg.value()
if $.isNumeric val
if val < 1
row.push parseFloat(val.toPrecision(3))
else
row.push parseFloat(val.toFixed(3))
else
row.push val
else row.push null
columns.push row
vAxisTitle = pivotData.aggregatorName+
if pivotData.valAttrs.length then "(#{pivotData.valAttrs.join(", ")})" else ""
hAxisTitle = pivotData.colAttrs.join("-")
titleText = fullAggName
titleText += " #{opts.localeStrings.vs} #{hAxisTitle}" if hAxisTitle != ""
groupByTitle = pivotData.rowAttrs.join("-")
titleText += " #{opts.localeStrings.by} #{groupByTitle}" if groupByTitle != ""
title = $("<p>", {style: "text-align: center; font-weight: bold"})
title.text(titleText)
params =
axis:
y:
label: vAxisTitle
x:
label: hAxisTitle
tick:
rotate: rotationAngle
multiline: false
data:
type: chartOpts.type
tooltip:
grouped: false
color:
pattern: [ "#3366cc", "#dc3912", "#ff9900", "#109618",
"#990099", "#0099c6", "#dd4477", "#66aa00",
"#b82e2e", "#316395", "#994499", "#22aa99",
"#aaaa11", "#6633cc", "#e67300", "#8b0707",
"#651067", "#329262", "#5574a6", "#3b3eac" ]
$.extend params, opts.c3
if chartOpts.type == "scatter"
xs = {}
numSeries = 0
dataColumns = []
for s of scatterData.x
numSeries += 1
xs[s] = s+"_x"
dataColumns.push [s+"_x"].concat(scatterData.x[s])
dataColumns.push [s].concat(scatterData.y[s])
params.data.xs = xs
params.data.columns = dataColumns
params.axis.x.tick = fit: false
if numSeries == 1
params.legend = show: false
params.tooltip.format =
title: -> fullAggName
name: -> ""
value: (a,b,c,d) -> scatterData.t[c][d]
else
params.axis.x.type= 'category'
params.axis.x.categories = headers
params.data.columns = columns
if chartOpts.stacked?
params.data.groups = [x.join("-") for x in rowKeys]
renderArea = $("<div>", style: "display:none;").appendTo $("body")
result = $("<div>").appendTo renderArea
params.bindto = result[0]
c3.generate params
result.detach()
renderArea.remove()
return $("<div>").append title, result
$.pivotUtilities.c3_renderers =
"Line Chart": makeC3Chart()
"Bar Chart": makeC3Chart(type: "bar")
"Stacked Bar Chart": makeC3Chart(type: "bar", stacked: true)
"Area Chart": makeC3Chart(type: "area", stacked: true)
"Scatter Chart": makeC3Chart(type: "scatter")