inputFields: Object

Inputfields lets you control the range of data to be shown in viewport of all charts by entering a range manually as text. This gives you finer control over the range.

• While entering values manually, format to be followed for Date values is “YYYY-MM-DD”
• You can also integrate third party date picker tools (like jQuery UI) with inputFields to make it simpler.

var stockChart = new CanvasJS.StockChart("container",
{
 .
 .
 rangeSelector: {
   inputFields: {
     startValue: new Date(2017, 06, 01)
   },
   .
 },
 .
 .
});
stockChart.render();

Composite Attribute (Object)

var stockChart = new CanvasJS.StockChart("container",
{
 .
 .
 rangeSelector: {
   inputFields: {
     style: {
       fontColor: "#5f5f75"
     }
   },
   .
 },
 .
 .
});
stockChart.render();