Skip to content

Commit 3a7afac

Browse files
LipataLipata
committed
Fix chart knockout sample.
Fixes #11.
1 parent a46800b commit 3a7afac

2 files changed

Lines changed: 49 additions & 49 deletions

File tree

‎HTMLSamples/data-chart/edit-chart-items-with-knockout.html‎

Lines changed: 49 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
.legend-container { width: 300px; margin-top: 10px; }
3737
.legend-container .title { font-weight: bold; font-size: 14px; margin-bottom: 10px; }
3838
.legend-container .legend { float: left; width: 48px; height: 48px; margin: 2px 5px 5px 0; padding: 0;
39-
background-image: url(../../images/samples/data-chart/music-controls-sprite.png); background-repeat: no-repeat;
39+
background-image: url(../../../../images/data-chart/music-controls-sprite.png); background-repeat: no-repeat;
4040
border: 1px solid #535353; zoom: 50%; }
4141
.legend-container .add { background-position: -337px 0px; }
4242
.legend-container .delete { background-position: -384px 0px; }
@@ -63,7 +63,7 @@
6363
.btn-container .btn-add-end:hover { background-position: -336px -50px; }
6464
.legend-container .btn-pause { background-position: -96px 0px; opacity: 0.5 }
6565
.legend-container button { float: left; width: 48px; height: 48px; margin: 2px 5px 5px 0; padding: 0; border: none; cursor: pointer; padding: 0;
66-
background-image: url(../../images/samples/data-chart/music-controls-sprite.png); background-repeat: no-repeat;
66+
background-image: url(../../../../images/data-chart/music-controls-sprite.png); background-repeat: no-repeat;
6767
border: 1px solid #535353; zoom: 50% }
6868
.legend-container span { font-size: 12px; }
6969
#barColumnChart { margin-top: 20px; }
@@ -282,97 +282,97 @@ <h1>$$(Chart_KO_Expense_Revenue_Title)</h1>
282282
</div>
283283
</div>
284284
<div class="sample-chart-container">
285-
<div id="lineChart" data-bind='igDataChart: {
285+
<div id="lineChart" data-bind="igDataChart: {
286286
dataSource: data,
287287
width: chartWidth,
288288
height: chartHeight,
289-
title: "$$(ExpenseRevenuePerDay)",
290-
legend: { element: "legendLineChart" },
289+
title: '$$(ExpenseRevenuePerDay)',
290+
legend: { element: 'legendLineChart' },
291291
axes: [{
292-
name: "xAxis",
293-
type: "categoryX",
294-
label: "label",
292+
name: 'xAxis',
293+
type: 'categoryX',
294+
label: 'label',
295295
interval: 1,
296296
}, {
297-
name: "yAxis",
298-
type: "numericY",
297+
name: 'yAxis',
298+
type: 'numericY',
299299
minimumValue: minChartValue,
300300
maximumValue: maxChartValue,
301301
302302
}],
303303
series: [{
304-
name: "line1",
305-
type: "line",
304+
name: 'line1',
305+
type: 'line',
306306
isHighlightingEnabled: true,
307307
isTransitionInEnabled: true,
308-
title: "$$(Chart_KO_Revenue) $$(Chart_KO_Daily)",
308+
title: '$$(Chart_KO_Revenue) $$(Chart_KO_Daily)',
309309
thickness: chartThickness,
310-
markerType: "circle",
311-
xAxis: "xAxis",
312-
yAxis: "yAxis",
313-
valueMemberPath: "revenue",
310+
markerType: 'circle',
311+
xAxis: 'xAxis',
312+
yAxis: 'yAxis',
313+
valueMemberPath: 'revenue',
314314
transitionDuration: transitionDuration
315315
},
316316
{
317-
name: "line2",
318-
type: "line",
317+
name: 'line2',
318+
type: 'line',
319319
isHighlightingEnabled: true,
320320
isTransitionInEnabled: true,
321-
title: "$$(Chart_KO_Expenses) $$(Chart_KO_Daily)",
321+
title: '$$(Chart_KO_Expenses) $$(Chart_KO_Daily)',
322322
thickness: chartThickness,
323-
markerType: "circle",
324-
xAxis: "xAxis",
325-
yAxis: "yAxis",
326-
valueMemberPath: "expenses",
323+
markerType: 'circle',
324+
xAxis: 'xAxis',
325+
yAxis: 'yAxis',
326+
valueMemberPath: 'expenses',
327327
transitionDuration: transitionDuration,
328-
brush: "#d3404b",
329-
markerBrush: "#d3404b"
328+
brush: '#d3404b',
329+
markerBrush: '#d3404b'
330330
}]
331-
}'></div>
331+
}"></div>
332332
<div id="legendLineChart"></div>
333-
<div id="barColumnChart" data-bind='igDataChart: {
333+
<div id="barColumnChart" data-bind="igDataChart: {
334334
dataSource: data,
335335
width: chartWidth,
336336
height: chartHeight,
337-
title: "$$(ExpenseRevenuePerDay)",
338-
legend: { element: "legendBarColumnChart" },
337+
title: '$$(ExpenseRevenuePerDay)',
338+
legend: { element: 'legendBarColumnChart' },
339339
axes: [{
340-
name: "xAxis",
341-
type: "categoryX",
342-
label: "label",
340+
name: 'xAxis',
341+
type: 'categoryX',
342+
label: 'label',
343343
interval: 1,
344344
}, {
345-
name: "yAxis",
346-
type: "numericY",
345+
name: 'yAxis',
346+
type: 'numericY',
347347
minimumValue: minChartValue,
348348
maximumValue: maxChartValue
349349
}],
350350
series: [{
351-
name: "column1",
352-
type: "column",
351+
name: 'column1',
352+
type: 'column',
353353
isHighlightingEnabled: true,
354354
isTransitionInEnabled: true,
355-
title: "$$(Chart_KO_Revenue) $$(Chart_KO_Daily)",
355+
title: '$$(Chart_KO_Revenue) $$(Chart_KO_Daily)',
356356
thickness: chartThickness,
357-
xAxis: "xAxis",
358-
yAxis: "yAxis",
359-
valueMemberPath: "revenue",
357+
xAxis: 'xAxis',
358+
yAxis: 'yAxis',
359+
valueMemberPath: 'revenue',
360360
transitionDuration: transitionDuration
361361
},
362362
{
363-
name: "column2",
364-
type: "column",
363+
name: 'column2',
364+
type: 'column',
365365
isHighlightingEnabled: true,
366366
isTransitionInEnabled: true,
367-
title: "$$(Chart_KO_Expenses) $$(Chart_KO_Daily)",
367+
title: '$$(Chart_KO_Expenses) $$(Chart_KO_Daily)',
368368
thickness: chartThickness,
369-
xAxis: "xAxis",
370-
yAxis: "yAxis",
371-
valueMemberPath: "expenses",
369+
xAxis: 'xAxis',
370+
yAxis: 'yAxis',
371+
valueMemberPath: 'expenses',
372372
transitionDuration: transitionDuration,
373-
brush: "#d3404b"
373+
brush: '#d3404b'
374374
}]
375-
}'></div>
375+
}"></div>
376376
<div id="legendBarColumnChart"></div>
377377
</div>
378378
</div>

‎images/data-chart/music-controls-sprite.png‎

6.91 KB
Loading

0 commit comments

Comments
 (0)