Radial Gauge and Stock Chart - Introduction to Kendo UI Course - Part 36 | web Developer courses

Duration: 19:12 min

Summary: In this video, we will discuss the radial gauge and the stock chart. We will start with the radial gauge. The radial gauge will be displayed in a three-quater of a circle with tick marks. The values are from 0 to 180. The needle is driven by a slider. The simple slider is displayed under the gauge. It has no buttons displayed. As the user moves the slider left or right, the gauge's needle moves accordingly. This is driven by the change event of the slider.

Second, we will discuss the stock chart. This chart is also displayed using the metroBlack theme already provided. The top portion will display the chart, and the bottom one will display a navigator. As the user hovers over the "T"s, a box will display with the following information: "Open", "High", "Low", and "Close". Remember this is about the stock data. Where does the data come from? The data a fed from a json file. This is a file that was provided with the Kendo UI examples. We will go over the file to be familiar with the content.