HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
3
var dataSet = anychart.data.set(getData());
4
var seriesData_1 = dataSet.mapAs({'x': 0, 'value': 1});
5
var seriesData_2 = dataSet.mapAs({'x': 0, 'value': 2});
6
7
var chart = anychart.line();
8
chart.animation(true);
9
chart.padding([10, 20, 5, 20]);
10
11
var series_1 = chart.line(seriesData_1);
12
var series_2 = chart.line(seriesData_2);
13
14
series_1.name("Improved code");
15
series_2.name("Live code");
16
17
18
// turn the legend on
19
chart.legend()
20
.enabled(true)
21
.fontSize(13)
22
.padding([0, 0, 10, 0]);
23
24
// set container id for the chart
25
chart.container('container');
26
// initiate chart drawing
27
chart.draw();
28
});
29
30
function getData() {
31
//const improvedData = '4515,3532,2954,3815,3325,3581,3289,2970,2494,3654,2903,3456,3928,3768,3344,2534,3723,4086,3221,3186,3684,3353,3181,3113,2699,2874,2619,3110,4122,3127,2920,3303,3385,3639,3841,3242,2890,3272,3098,2960,2969,2992,2795,2737,4525,3365,3563,3491,2856,3072,3161,3259,2939,2813,3798,2713,2806,2951,4039,3602,3690,3100,3754,6885,3600,3362,3184,4697,3597,4621,4265,3391,2857,3240,2816,4091,3799,2787,3628,3895,3505,3314,3256,2939,3378,3288,4160,2953,4175,2879,5015,3721,3423,3957,3933,3074,3473,3714,3076,3195,4218,2678,3826,4217,3682,5859,3426,2903,3765,4261,4138,3708,2905,4773,3857,3844,3126,3591,3417,2468,2677,3687,4476,4053,3589,2966,3013,3656,5119,3946,2984,2493,3073,3024,3516,2924,2815,2872,2469,3544,2638,3067,3734,3302,2943,3302,2851,3628,4274,3413,3599,6076,7032,3118,3019,3768,4043,4652,4608,3655,3116,3172,3151,4769,2882,3460,3591,3837,4009,3023,2708,2459,3322,4305,4179,4233,4120,3320,3169,2451,3613,3510,3767,3512,5130,2917,3101,3128,2670,4364,2509,3347,4006,2833,2747,4032,4030,4395,3476,5070,3698,3667,3924,4352,3813,3398,3951,3684,3761,3955,3166,2932,2845,4126,3172,3164,2652,3676,3821,4263,3231,2837,3353,3021,3612,3970,3029,3110,3096,3310,3687,2947,3870,3177,2990,2643,3436,3777,3798,3135,3035,2479,2680,3366,2870,4019,3311,3102,3138,2485,4395,2929,3756,2833,3695,2934,2937,3867,2896,3132,2847,3714,4202,2337,3590,4372,3409,3001,3019,2634,3151,2795,3384,2625,2850,3608,3651,3103,3327,2639,2817,4174,3536,3416,2990,3019,2793,3367,3453,3351,3264,3622,2932,3794,3236,3464,2869,3150,3167,3329,3795,3250,2991,3047,3352,3605,2754,2980,2966,3907,3292,3209,3656,3290,3749,2895,2849,3891,4209,4157,2877,3387,3226,3079,3322,2889,3823,2569,3212,2890,2718,4126,3085,2756,3160,2970,3144,2731,2545,2831,2762,3667,4411,2925,2566,2924,2616,3434,2861,3165,3452'
32
const improvedData = [4684,4270,3898,4497,4315,3355,3632,4192,4025,3741,4656,4406,3577,3769,4090,3823,3905,3281,4058,4561,4135,3520,2993,3587,3361,4425,3674,3663,5103,4063,4667,4018,3620,3442,5081,3954,4165,3551,4455,3521,3232,4038,4883,3045,4200,3792,3429,3771,3516,2991,6565,4292,3946,3275,3559,3401,3172,3226,3807,3276,3488,3152,3474,3566,3631,3396,3313,3101,2825,5944,3877,3316,3656,3522,3582,3874,3005,3725,3456,3257,3695,3097,3515,3631,3767,3425,3673,3238,2957,3545,3171,3146,5714,3314,3794,3232,3378,4145,3659,3298,3033,2980,3577,3753,3243,3614,3263,2834,3412,4017,2904,3472,3836,3848,3014,3749,3837,5208,3619,3356,3282,3246,2813,3245,3542,3422,3292,3523,3345,3339,2948,3356,3875,5123,3503,3337,3092,3065,3618,3528,3090,3434,3378,3928,4148,4398,3718,2967,3835,3577,3315,2921,3182,3376,3069,4005,3869,4532,3981,4164,3967,3710,3607,3622,3519,3363,4684,4115,3650,3464,3448,3428,4451,3659,3467,3065,3469,3074,3428,3350,4718,3571,3698,3074,3655,3820,3703,3737,3244,3758,3771,3931,3449,3506,3405,3975,4182,3746,3184,3123,3546,2953,4048,4508,3218,3292,3979,3009,3686,3883,3478,4957,3975,4112,3144,4201,4259,3547,3900,4550,4808,3990,4090,3638,3680,4137,4232,3450,4722,3427,4296,3795,3556,4597,3640,4239,4142,3109,3182,3591,3541,3576,3641,3911,3736,4401,3268,3646,3268,3379,3394,2869,3977,4271,3806,3771,3270,3312,4000,4120,3534,3937,4666,3797,3574,5762,3293,4935,5201,3877,3871,4270,3631,3749,3548,4464,4229,3480,2893,2927,3694,3472,3780,3679,3966,3898,3406,3781,4307,4059,3868,3370,3297,3893,3448,3989,4107,4354,3827,3717,3494,3619,3417,3724,4251,3259,3734,3263,3877,4397,4015,3496,4090,4389,5451,4506,3994,3756,4514,3787,3560,3406,6549,4362,3779,3472,4953,3394,3535,3657,3527,3766,3687,3653,4321,4425,4232,4122,3332,4091,3907,3793,3832,3865,3574,4224,3775,3612,4315,3345,3790]
33
const liveData = '7525,5228,5637,6690,6987,5188,5038,5310,5343,7214,7105,6261,6045,5930,5486,7385,6021,5458,6193,5486,5700,6049,6221,5815,8561,8150,5851,5143,6796,5371,5552,5895,5790,5239,5912,5748,5148,5778,5665,5796,5356,6354,5605,6179,5019,5131,5334,5119,5477,5599,5391,5340,5459,4544,5421,5721,5336,5190,5898,5136,6520,7219,5394,5805,5393,6548,5745,5832,6742,6377,5514,5612,7434,6275,5495,5529,5640,5922,4992,5641,5994,6124,5074,6237,6719,6263,6644,6406,5784,5373,5593,6189,5081,6101,5400,4666,5518,5939,6273,5953,5890,6410,6049,5834,5307,5022,5222,5091,5642,5332,6020,5465,6125,5794,4895,5324,4752,7146,5637,5728,5468,5313,5738,5619,6738,5731,4767,5592,5367,5325,5746,5537,6564,5391,7717,5666,7045,6168,6797,6008,6216,5951,6746,5447,5266,5466,6209,5464,5617,6062,6142,6376,6123,6600,5948,5703,6178,6193,5838,5851,4616,5625,5608,6238,6157,5844,6798,5780,4459,5545,6111,5981,6473,5711,5179,5501,6026,5867,5635,4971,5652,5522,5406,5558,5393,6875,7208,6140,6853,6721,5211,5616,5516,5781,5666,5885,6348,7909,6822,6884,6048,6348,5113,6326,6314,5388,5728,5404,5469,5615,5490,4758,6494,6248,6268,5206,5922,6149,4999,5669,5474,6133,5659,6299,6271,8014,6337,5909,5794,5916,5156,5211,5917,5112,6337,6061,5575,6043,7029,5153,7229,6494,6828,6016,6495,5913,5346,6034,5363,5617,6009,5210,6446,4852,6753,5423,6324,5457,5631,5735,5462,6606,5744,5667,5532,6718,5611,6585,6032,5594,5525,6511,6918,6175,5512,6235,5244,5959,5207,5249,6556,7408,6114,5306,6565,5292,5768,5484,5870,5355,5090,5939,5839,5642,6149,5282,7306,6583,5522,5924,6247,6157,4955,6173,5108,4841,4838,5145,6478,7247,5341,6889,6800,6329,6785,5200,5146,6232,7542,6389,4992,6076,9095,6951,7665,6763,5246,5800,6161,6913,6180,5779,6685,7209,7158,5766,5543,4885,6268,6116,6713,4980,7442,6158,5659,6240,6146,6469,6264,5963,4797'
34
.split(',')
35
.map(Number)
36
37
return improvedData
38
.map((value, index) => [String(index), value, liveData[index]])
39
40
return [
41
['Jan', 35.3],
42
['Feb', 21.9],
43
['Mar', 25.4],
44
['Apr', 16.4],
45
['May', 19.1],
46
['Jun', 18.4],
47
['Jul', 24.2],
48
['Aug', 18.5],
49
['Sep', 16.2],
50
['Oct', 14.3],
51
['Nov', 15.8],
52
['Dec', 13.3],
53
]
54
}