Desai wisdom number - line chart (dynamic line chart): price adjustment of gasoline and diesel in recent 1 year

design sketch

  In the past year, the prices of gasoline and diesel have generally shown an upward trend , From this year 1 The beginning of May to 4 At the beginning of , Oil prices have been rising , Continuous increase of 4 Months , Base note adjustment 7 The second price . The price of gasoline has also broken through the highest price in the past year 1.0115 ten thousand ( element / Tons of ), The price of diesel is also as high as 9040( element / Tons of ).

data source ： Static data

{
  "column": ["2021/4/1"," gasoline ","7450"],
  "data": [
    ["2021/4/1"," diesel oil ",6470],
    ["2021/4/29"," gasoline ",7550],
    ["2021/4/29"," diesel oil ",6565],
    ["2021/5/15"," gasoline ",7650],
    ["2021/5/15"," diesel oil ",6665],
    ["2021/6/12"," gasoline ",7825],
    ["2021/6/12"," diesel oil ",6835],
    ["2021/6/29"," gasoline ",8050],
    ["2021/6/29"," diesel oil ",7050],
    ["2021/7/13"," gasoline ",8120],
    ["2021/7/13"," diesel oil ",7115],
    ["2021/7/27"," gasoline ",8020],
    ["2021/7/27"," diesel oil ",7020],
    ["2021/8/24"," gasoline ",7770],
    ["2021/8/24"," diesel oil ",6775],
    ["2021/9/19"," gasoline ",8000],
    ["2021/9/19"," diesel oil ",7000],
    ["2021/9/7"," gasoline ",7910],
    ["2021/9/7"," diesel oil ",6915],
    ["2022/1/1"," gasoline ",8130],
    ["2022/1/1"," diesel oil ",7125],
    ["2022/1/18"," gasoline ",8475],
    ["2022/1/18"," diesel oil ",7455],
    ["2022/1/30"," gasoline ",8785],
    ["2022/1/30"," diesel oil ",7755],
    ["2022/2/18"," gasoline ",8995],
    ["2022/2/18"," diesel oil ",7955],
    ["2022/3/18"," gasoline ",10005],
    ["2022/3/18"," diesel oil ",8930 ],
    ["2022/3/4"," gasoline ",9255],
    ["2022/3/4"," diesel oil ",8210],
    ["2022/4/1"," gasoline ",10115],
    ["2022/4/1"," diesel oil ",9040],
    ["2022/4/16"," gasoline ",9570],
    ["2022/4/16"," diesel oil ",9040]
  ]
}

Attribute configuration

（1） Layer parameters

 （2） Location size （ Press screen ）

 （3） Layout

（4） background

 （5） typeface

 （6） beautify

（7） Animation

  Dynamic line chart , Polygonal curve drawn according to dynamic data . The horizontal axis is usually used to represent time , The vertical axis represents the index value , Each time forms a coordinate point with the index value , Connect two adjacent coordinate points with a straight line , That is, a dynamic line chart . Simple operation , Dynamic effect display , The final effect is amazing .