Rank: Member
Groups: Registered
Joined: 4/24/2013(UTC)
Posts: 16
Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
|
Hi, I'm trying to build a chart, where the user can zoom using the mouse inside the chart. I don't want any sliders. Though i set zoomEnabled to true, it doesn't work. Here is my code: Code:
31 $('#jqChart').jqChart({
32 border: {
33 lineWidth: 0,
34 padding: 0,
35 cornerRadius: 0
36 },
37 legend: {
38 visible: false
39 },
40 crosshairs: {
41 enabled: true,
42 snapToDataPoints: true,
43 hLine: {
44 visible: false
45 },
46 vLine: {
47 strokeStyle: 'black'
48 }
49 },
50 tooltips: {
51 disabled: true,
52 type: 'shared'
53 },
54 axes: [
55 {
56 type: 'dateTime',
57 location: 'bottom',
58 zoomEnabled: true,
59 name: 'xAxis1',
60 majorGridLines: {
61 strokeStyle: '#DDDDDD'
62 },
63 majorTickMarks: {
64 length: 0
65 },
66 labels: {
67 stringFormat: 'mmm'
68 },
69 strokeStyle: '#DDDDDD'
70 }, {
71 name: 'yAxis1',
72 type: 'linear',
73 majorGridLines: {
74 strokeStyle: '#DDDDDD'
75 },
76 minorGridLines: {
77 strokeStyle: '#DDDDDD'
78 },
79 majorTickMarks: {
80 length: 0
81 },
82 location: 'right',
83 logarithmic: true,
84 logBase: 2,
85 minimum: 30,
86 maximum: 70,
87 zoomEnabled: true,
88 strokeStyle: '#DDDDDD'
89 }
98 ],
99 series: [
100 {
101 type: 'area',
102 title: 'Zertifikat',
103 axisX: 'xAxis1',
104 axisY: 'yAxis1',
105 strokeStyle: '#154B9D',
106 lineWidth: 1,
107 fillStyle: 'rgba(223, 234, 251, 0.7)',
108 data: chartData
109 }
110 ]
111 });
|