\n$(\"#stock-chart\").kendoStockChart({\n navigator: {\n series: {\n type: \"line\",\n field: \"volume\"\n },\n select: {\n from: \"2012/01/01\",\n to: \"2012/03/01\"\n }\n },\n ...\n})\n
"]],"sub":[{"name":"to","type":["Date","String"],"short_doc":[["para","The upper boundary of the selected range."]],"doc":[["para","The upper boundary of the selected range."]],"orig":"navigator.select.to"},{"name":"from","type":["Date","String"],"short_doc":[["para","The lower boundary of the selected range."]],"doc":[["para","The lower boundary of the selected range."]],"orig":"navigator.select.from"}],"orig":"navigator.select"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the navigator."]],"doc":[["para","The visibility of the navigator."]],"orig":"navigator.visible"},{"name":"series","type":["Array"],"short_doc":[["para","Array of series definitions."],["para","Accepts the same options as the root ",["inlinecode","series"]," collection."],["para","Omitting the array and specifying a single series is also acceptable."]],"doc":[["para","Array of series definitions."],["para","Accepts the same options as the root ",["inlinecode","series"]," collection."],["para","Omitting the array and specifying a single series is also acceptable."],["header",{"level":4},"Example"],["code_block","\n$(\"#stock-chart\").kendoStockChart({\n navigator: {\n series: {\n type: \"line\",\n field: \"volume\"\n }\n },\n ...\n});\n
"]],"sub":[{"name":"width","type":["Number"],"short_doc":[["para","The line width."],["para",["strong"," Applicable for line series. "]]],"doc":[["para","The line width."],["para",["strong"," Applicable for line series. "]]],"orig":"navigator.series.width"},{"name":"tooltip","type":["Object"],"short_doc":[["para","The data point tooltip configuration options."]],"doc":[["para","The data point tooltip configuration options."]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","A value indicating if the tooltip should be displayed."]],"doc":[["para","A value indicating if the tooltip should be displayed."]],"orig":"navigator.series.tooltip.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]]],"doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125],\n tooltip: {\n visible: true,\n template: \"#= category # - #= value #\"\n }\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"]],"orig":"navigator.series.tooltip.template"},{"name":"padding","type":["Number","Object"],"short_doc":[["para","The padding of the tooltip."]],"doc":[["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"]],"orig":"navigator.series.tooltip.padding"},{"name":"format","type":["String"],"short_doc":[["para","The tooltip format. Format variables depend on the series type:"],["bulletlist",["listitem","Area, column, line and pie",["bulletlist",["listitem",["strong","0"]," - value"]]],["listitem","Candlestick and OHLC",["bulletlist",["listitem",["strong","0"]," - open value"],["listitem",["strong","1"]," - high value"],["listitem",["strong","2"]," - low value"],["listitem",["strong","3"]," - close value"],["listitem",["strong","4"]," - category name"]]]]],"doc":[["para","The tooltip format. Format variables depend on the series type:"],["bulletlist",["listitem","Area, column, line and pie",["bulletlist",["listitem",["strong","0"]," - value"]]],["listitem","Candlestick and OHLC",["bulletlist",["listitem",["strong","0"]," - open value"],["listitem",["strong","1"]," - high value"],["listitem",["strong","2"]," - low value"],["listitem",["strong","3"]," - close value"],["listitem",["strong","4"]," - category name"]]]],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"{0:C}--{1:C}\""]],"orig":"navigator.series.tooltip.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The tooltip font."]],"doc":[["para","The tooltip font."]],"orig":"navigator.series.tooltip.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the tooltip. The default is the same as the series labels color."]],"doc":[["para","The text color of the tooltip. The default is the same as the series labels color."]],"orig":"navigator.series.tooltip.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border configuration options."]],"doc":[["para","The border configuration options."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"navigator.series.tooltip.border.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"navigator.series.tooltip.border.color"}],"orig":"navigator.series.tooltip.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the tooltip. The default is determined from the series color."]],"doc":[["para","The background color of the tooltip. The default is determined from the series color."]],"orig":"navigator.series.tooltip.background"}],"orig":"navigator.series.tooltip"},{"name":"stack","type":["Boolean","Boolean"],"default":"false","short_doc":[["para","A value indicating if the series should be stacked. String value indicates that the series should be stacked in a group with the specified name.\nAvailable for column series."]],"doc":[["para","A value indicating if the series should be stacked. String value indicates that the series should be stacked in a group with the specified name.\nAvailable for column series."]],"orig":"navigator.series.stack"},{"name":"spacing","type":["Number"],"default":"0.4","short_doc":[["para","Space between points as proportion of the point width."],["para","Available for column, candlestick and ohlc series."]],"doc":[["para","Space between points as proportion of the point width."],["para","Available for column, candlestick and ohlc series."]],"orig":"navigator.series.spacing"},{"name":"overlay","type":["Object"],"short_doc":[["para","The effects overlay."]],"doc":[["para","The effects overlay."]],"sub":[{"name":"gradient","type":["String"],"short_doc":[["para","The gradient name."],["para","Available options:"],["bulletlist",["listitem",["strong","glass"]," (column and candlestick series)"],["listitem",["strong","none"]]]],"doc":[["para","The gradient name."],["para","Available options:"],["bulletlist",["listitem",["strong","glass"]," (column and candlestick series)"],["listitem",["strong","none"]]]],"orig":"navigator.series.overlay.gradient"}],"orig":"navigator.series.overlay"},{"name":"openField","type":["String"],"short_doc":[["para","The data field containing the open value."],["para",["strong"," Available for candlestick and ohlc series "]]],"doc":[["para","The data field containing the open value."],["para",["strong"," Available for candlestick and ohlc series "]]],"orig":"navigator.series.openField"},{"name":"opacity","type":["Number"],"short_doc":[["para","The series opacity."]],"doc":[["para","The series opacity."]],"orig":"navigator.series.opacity"},{"name":"style","type":["String"],"default":"\"normal\"","short_doc":[["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line with right angle."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\", \"line\"."]]],"doc":[["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line with right angle."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\", \"line\"."]]],"orig":"navigator.series.style"},{"name":"missingValues","type":["String"],"short_doc":[["para","The behavior for handling missing values. The supported values are:"],["bulletlist",["listitem","\"gap\" - the plot stops before the missing point and continues after it."],["listitem","\"interpolate\" - the value is interpolated from neighboring points."],["listitem","\"zero\" - the value is assumed to be zero."]],["blockquote",["para","The default value is \"interpolate\", except for \"area\" and stacked series which default to \"zero\"."],["para","The ",["inlinecode","missingValues"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\" and \"line\"."]]],"doc":[["para","The behavior for handling missing values. The supported values are:"],["bulletlist",["listitem","\"gap\" - the plot stops before the missing point and continues after it."],["listitem","\"interpolate\" - the value is interpolated from neighboring points."],["listitem","\"zero\" - the value is assumed to be zero."]],["blockquote",["para","The default value is \"interpolate\", except for \"area\" and stacked series which default to \"zero\"."],["para","The ",["inlinecode","missingValues"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\" and \"line\"."]]],"orig":"navigator.series.missingValues"},{"name":"markers","type":["Object"],"short_doc":[["para","Marker options."],["para",["strong"," Applicable for area and line series. "]]],"doc":[["para","Marker options."],["para",["strong"," Applicable for area and line series. "]]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","The markers visibility."]],"doc":[["para","The markers visibility."]],"orig":"navigator.series.markers.visible"},{"name":"type","type":["String"],"default":"\"circle\"","short_doc":[["para","Configures the markers shape type."]],"doc":[["para","Configures the markers shape type."],["header",{"level":4},["em","\"square\""]],["para","The marker shape is square."],["header",{"level":4},["em","\"triangle\""]],["para","The marker shape is triangle."],["header",{"level":4},["em","\"circle\""]],["para","The marker shape is circle."],["header",{"level":4},["em","\"cross\""]],["para","The marker shape is cross."]],"orig":"navigator.series.markers.type"},{"name":"size","type":["Number"],"default":"6","short_doc":[["para"," The marker size."]],"doc":[["para"," The marker size."]],"orig":"navigator.series.markers.size"},{"name":"rotation","type":["Number","Function"],"short_doc":[["para","The rotation angle of the markers."]],"doc":[["para","The rotation angle of the markers."],["header",{"level":4},"Example"],["code_block","\n"]],"orig":"navigator.series.markers.rotation"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the markers."]],"doc":[["para","The border of the markers."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"navigator.series.markers.border.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"navigator.series.markers.border.color"}],"orig":"navigator.series.markers.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the current series markers."]],"doc":[["para","The background color of the current series markers."]],"orig":"navigator.series.markers.background"}],"orig":"navigator.series.markers"},{"name":"lowField","type":["String"],"short_doc":[["para","The data field containing the low value."],["para",["strong"," Available for candlestick and ohlc series "]]],"doc":[["para","The data field containing the low value."],["para",["strong"," Available for candlestick and ohlc series "]]],"orig":"navigator.series.lowField"},{"name":"line","type":["String","Object"],"short_doc":[["para","Line options."],["para",["strong"," Applicable to area, candlestick and ohlc series. "]]],"doc":[["para","Line options."],["para",["strong"," Applicable to area, candlestick and ohlc series. "]]],"sub":[{"name":"width","type":["String"],"default":"4","short_doc":[["para","The line width."]],"doc":[["para","The line width."]],"orig":"navigator.series.line.width"},{"name":"opacity","type":["Number"],"default":"1","short_doc":[["para","The line opacity."]],"doc":[["para","The line opacity."]],"orig":"navigator.series.line.opacity"},{"name":"color","type":["String"],"short_doc":[["para","The line color."]],"doc":[["para","The line color."]],"orig":"navigator.series.line.color"}],"orig":"navigator.series.line"},{"name":"labels","type":["Object"],"short_doc":[["para","Configures the series data labels."]],"doc":[["para","Configures the series data labels."]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para"," The visibility of the labels."]],"doc":[["para"," The visibility of the labels."]],"orig":"navigator.series.labels.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The label template. Template variables:"],["bulletlist",["listitem",["strong","value"]," - the point value. Can be a number or object containing each bindable field."],["listitem",["strong","category"]," - the category name\nAvailable for area, column and line series."],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\nWill be null if binding to array."]]],"doc":[["para","The label template. Template variables:"],["bulletlist",["listitem",["strong","value"]," - the point value. Can be a number or object containing each bindable field."],["listitem",["strong","category"]," - the category name\nAvailable for area, column and line series."],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\nWill be null if binding to array."]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125],\n labels: {\n // label template\n template: \"#= value #%\",\n visible: true\n }\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"]],"orig":"navigator.series.labels.template"},{"name":"position","type":["String"],"default":"\"above\"","short_doc":[["para","Defines the position of the labels."]],"doc":[["para","Defines the position of the labels."],["header",{"level":4},["em","\"above\""]],["para","The label is positioned at the top of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"center\""]],["para","The label is positioned at the point center."],["para",["strong"," Applicable for column series only. "]],["header",{"level":4},["em","\"insideEnd\""]],["para","The label is positioned inside, near the end of the point."],["para",["strong"," Applicable for column series only. "]],["header",{"level":4},["em","\"insideBase\""]],["para","The label is positioned inside, near the base of the bar."],["para",["strong"," Applicable for column series. "]],["header",{"level":4},["em","\"outsideEnd\""]],["para","The label is positioned outside, near the end of the bar."],["para",["strong"," Applicable for column series only. Not applicable for stacked series. "]],["header",{"level":4},["em","\"right\""]],["para","The label is positioned to the right of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"below\""]],["para","The label is positioned at the bottom of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"left\""]],["para","The label is positioned to the left of the marker."],["para",["strong"," Applicable for area and line series. "]]],"orig":"navigator.series.labels.position"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para"," The padding of the labels."]],"doc":[["para"," The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"]],"orig":"navigator.series.labels.padding"},{"name":"margin","type":["Number","Object"],"default":"{ left: 5, right: 5}","short_doc":[["para","The margin of the labels."]],"doc":[["para","The margin of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and bottom margin to 1px\n// margin left and right are with 5px (by default)\nmargin: { top: 1, bottom: 1 }"]],"orig":"navigator.series.labels.margin"},{"name":"format","type":["String"],"short_doc":[["para","The format of the labels."]],"doc":[["para","The format of the labels."],["header",{"level":4},"Example"],["code_block","//sets format of the labels\nformat: \"C\""]],"orig":"navigator.series.labels.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the labels."]],"doc":[["para","The font style of the labels."]],"orig":"navigator.series.labels.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the labels."]],"doc":[["para","The text color of the labels."]],"orig":"navigator.series.labels.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the labels."]],"doc":[["para","The border of the labels."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"navigator.series.labels.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para"," The dash type of the border."]],"doc":[["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"navigator.series.labels.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"navigator.series.labels.border.color"}],"orig":"navigator.series.labels.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the labels."]],"doc":[["para","The background color of the labels."]],"orig":"navigator.series.labels.background"}],"orig":"navigator.series.labels"},{"name":"gap","type":["Number"],"default":"1.5","short_doc":[["para","The distance between category clusters."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]]],"doc":[["para","The distance between category clusters."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]]],"orig":"navigator.series.gap"},{"name":"downColorField","type":["String"],"short_doc":[["para","The data field containing the body color."],["para",["strong"," Available for candlestick series only "]]],"doc":[["para","The data field containing the body color."],["para",["strong"," Available for candlestick series only "]]],"orig":"navigator.series.downColorField"},{"name":"downColor","type":["String"],"short_doc":[["para","The series color when open value is smoller then close value."],["para",["strong"," Available for candlestick series only "]]],"doc":[["para","The series color when open value is smoller then close value."],["para",["strong"," Available for candlestick series only "]]],"orig":"navigator.series.downColor"},{"name":"colorField","type":["String"],"short_doc":[["para","The data field containing the point color."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]]],"doc":[["para","The data field containing the point color."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]]],"orig":"navigator.series.colorField"},{"name":"color","type":["String"],"short_doc":[["para","The series base color."]],"doc":[["para","The series base color."]],"orig":"navigator.series.color"},{"name":"closeField","type":["String"],"short_doc":[["para","The data field containing the close value."],["para",["strong"," Available for candlestick and ohlc series only "]]],"doc":[["para","The data field containing the close value."],["para",["strong"," Available for candlestick and ohlc series only "]]],"orig":"navigator.series.closeField"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the points."],["para",["strong"," Applicable to column, ohlc and candlestick series "]]],"doc":[["para","The border of the points."],["para",["strong"," Applicable to column, ohlc and candlestick series "]]],"sub":[{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"navigator.series.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"navigator.series.border.dashType"},{"name":"color","type":["String"],"short_doc":[["para","The color of the border. It defaults to the color of the current series."]],"doc":[["para","The color of the border. It defaults to the color of the current series."]],"orig":"navigator.series.border.color"}],"orig":"navigator.series.border"},{"name":"axis","type":["String"],"default":"\"primary\"","short_doc":[["para","The name of the value axis to use."],["para",["strong"," Applicable to area, column, line, ohlc and candlestick series "]]],"doc":[["para","The name of the value axis to use."],["para",["strong"," Applicable to area, column, line, ohlc and candlestick series "]]],"orig":"navigator.series.axis"},{"name":"aggregate","type":["String"],"default":"\"max\"","short_doc":[["para","The aggregate function to apply for date series."],["para","This function is used when a category (an year, month, etc.) contains two or more points.\nThe function return value is displayed instead of the individual points."],["para","The supported values are:"],["bulletlist",["listitem","\"avg\" - the average of all values for the date period."],["listitem","\"count\" - the number of values for the date period."],["listitem","\"max\" - the highest value for the date period."],["listitem","\"min\" - the lowest value for the date period."],["listitem","\"sum\" - the sum of all values for the date period."],["listitem","\"first\" - the first value"],["listitem","function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item."],["listitem","object - (compound aggregate) ",["strong","Applicable to \"candlestick\" and ohlc \"series\""],". Specifies the aggregate for each data item field."]]],"doc":[["para","The aggregate function to apply for date series."],["para","This function is used when a category (an year, month, etc.) contains two or more points.\nThe function return value is displayed instead of the individual points."],["para","The supported values are:"],["bulletlist",["listitem","\"avg\" - the average of all values for the date period."],["listitem","\"count\" - the number of values for the date period."],["listitem","\"max\" - the highest value for the date period."],["listitem","\"min\" - the lowest value for the date period."],["listitem","\"sum\" - the sum of all values for the date period."],["listitem","\"first\" - the first value"],["listitem","function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item."],["listitem","object - (compound aggregate) ",["strong","Applicable to \"candlestick\" and ohlc \"series\""],". Specifies the aggregate for each data item field."]],["header",{"level":5},"Example"],["code_block","aggregate: {\n open: \"max\",\n high: \"max\",\n close: \"min\",\n low: \"max\"\n}"]],"orig":"navigator.series.aggregate"},{"name":"highlight","type":["Object"],"short_doc":[["para","Configures the appearance of highlighted points."],["para",["strong"," Applicable to candlestick and ohlc series. "]]],"doc":[["para","Configures the appearance of highlighted points."],["para",["strong"," Applicable to candlestick and ohlc series. "]]],"sub":[{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","A value indicating if the series points should be highlighted."]],"doc":[["para","A value indicating if the series points should be highlighted."]],"orig":"navigator.series.highlight.visible"},{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the highlighted points."]],"doc":[["para","The opacity of the highlighted points."]],"orig":"navigator.series.highlight.opacity"},{"name":"line","type":["Object"],"short_doc":[["para","Line options for highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Available only for candlestick series "]]],"doc":[["para","Line options for highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Available only for candlestick series "]]],"sub":[{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the line."]],"doc":[["para","The opacity of the line."]],"orig":"navigator.series.highlight.line.opacity"},{"name":"color","type":["String"],"short_doc":[["para","The line color."]],"doc":[["para","The line color."]],"orig":"navigator.series.highlight.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The width of the line."]],"doc":[["para","The width of the line."]],"orig":"navigator.series.highlight.line.width"}],"orig":"navigator.series.highlight.line"},{"name":"color","type":["String"],"short_doc":[["para","The highlight color."],["para",["strong"," Available only for pie series "]]],"doc":[["para","The highlight color."],["para",["strong"," Available only for pie series "]]],"orig":"navigator.series.highlight.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of highlighted points. The color is computed automatically from the base point color."]],"doc":[["para","The border of highlighted points. The color is computed automatically from the base point color."]],"sub":[{"name":"opacity","type":["Number"],"short_doc":[["para","The border opacity."]],"doc":[["para","The border opacity."]],"orig":"navigator.series.highlight.border.opacity"},{"name":"color","type":["String"],"short_doc":[["para","The border color."]],"doc":[["para","The border color."]],"orig":"navigator.series.highlight.border.color"},{"name":"width","type":["Number"],"short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"navigator.series.highlight.border.width"}],"orig":"navigator.series.highlight.border"}],"orig":"navigator.series.highlight"},{"name":"name","type":["String"],"short_doc":[["para","The navigator series name."]],"doc":[["para","The navigator series name."],["header",{"level":4},"Example - set the navigator series name"],["code_block","\n"],["para","The name can also be a ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which sets the name of the series when bound to grouped data source."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","series - the series options"],["listitem","group - the data group"],["listitem","group.field - the name of the field used for grouping"],["listitem","group.value - the field value for this group."]],["header",{"level":4},"Example - set the chart series group name template"],["code_block","\n"]],"orig":"navigator.series.name"},{"name":"categoryField","type":["String"],"default":"\"category\"","short_doc":[["para","The data item field which contains the category name or date."],["blockquote",["para","The points will be rendered in chronological order if the category is a date."],["para","If specified, the ",["link",{"href":"#configuration-dateField"},"dateField"]," option is used as a default."]]],"doc":[["para","The data item field which contains the category name or date."],["blockquote",["para","The points will be rendered in chronological order if the category is a date."],["para","If specified, the ",["link",{"href":"#configuration-dateField"},"dateField"]," option is used as a default."]],["header",{"level":4},"Example - set series date category field"],["code_block","\n"]],"orig":"navigator.series.categoryField"},{"name":"field","type":["String"],"short_doc":[["para","The data field containing the series value."]],"doc":[["para","The data field containing the series value."]],"orig":"navigator.series.field"},{"name":"highField","type":["String"],"short_doc":[["para","The data field containing the high value."],["para",["strong"," Available for candlestick and ohlc series only "]]],"doc":[["para","The data field containing the high value."],["para",["strong"," Available for candlestick and ohlc series only "]]],"orig":"navigator.series.highField"},{"name":"data","type":["Array"],"short_doc":[["para","Array of data items. The data item type can be either a:"],["bulletlist",["listitem","Array of objects. Each point is bound to the specified series fields."],["listitem","Array of numbers. Available for area, column and line series."],["listitem","Array of arrays of numbers. Available for:",["bulletlist",["listitem","OHLC and candlestick series (open, high, low, close)"]]]]],"doc":[["para","Array of data items. The data item type can be either a:"],["bulletlist",["listitem","Array of objects. Each point is bound to the specified series fields."],["listitem","Array of numbers. Available for area, column and line series."],["listitem","Array of arrays of numbers. Available for:",["bulletlist",["listitem","OHLC and candlestick series (open, high, low, close)"]]]],["header",{"level":4},"Example - set the chart series data as array of objects"],["para"," \n "],["header",{"level":4},"Example - set the chart series data as array of arrays"],["code_block","\n"]],"orig":"navigator.series.data"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of line chart."],["blockquote",["para","The ",["inlinecode","dashType"]," option is taken into consideration only if the ",["link",{"href":"#configuration-series.type"},"series.type"]," option is set to \"line\"."]],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of line chart."],["blockquote",["para","The ",["inlinecode","dashType"]," option is taken into consideration only if the ",["link",{"href":"#configuration-series.type"},"series.type"]," option is set to \"line\"."]],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the chart legend border dash type"],["para"," \n "]],"orig":"navigator.series.dashType"},{"name":"type","type":["String"],"short_doc":[["para","The type of the series. Available types:"],["bulletlist",["listitem","candlestick, ohlc"],["listitem","column"],["listitem","bullet"],["listitem","area"],["listitem","line"]]],"doc":[["para","The type of the series. Available types:"],["bulletlist",["listitem","candlestick, ohlc"],["listitem","column"],["listitem","bullet"],["listitem","area"],["listitem","line"]]],"orig":"navigator.series.type"}],"orig":"navigator.series"},{"name":"pane","type":["Object"],"short_doc":[["para","The navigator pane configuration."]],"doc":[["para","The navigator pane configuration."]],"sub":[{"name":"title","type":["String","Object"],"short_doc":[["para","The title configuration of the navigator pane."],["blockquote",["para","The ",["link",{"href":"#configuration-panes.title.text"},"panes.title.text"]," option must be set in order to display the title."]]],"doc":[["para","The title configuration of the navigator pane."],["blockquote",["para","The ",["link",{"href":"#configuration-panes.title.text"},"panes.title.text"]," option must be set in order to display the title."]]],"sub":[{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the pane title. By default the pane title is visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the pane title. By default the pane title is visible."]],"orig":"navigator.pane.title.visible"},{"name":"text","type":["String"],"short_doc":[["para","The text of the title."]],"doc":[["para","The text of the title."]],"orig":"navigator.pane.title.text"},{"name":"position","type":["String"],"default":"\"center\"","short_doc":[["para","The position of the title."],["para","The supported values are:"],["bulletlist",["listitem","\"left\" - the axis title is positioned on the left (applicable to horizontal axis)"],["listitem","\"right\" - the axis title is positioned on the right (applicable to horizontal axis)"],["listitem","\"center\" - the axis title is positioned in the center"]]],"doc":[["para","The position of the title."],["para","The supported values are:"],["bulletlist",["listitem","\"left\" - the axis title is positioned on the left (applicable to horizontal axis)"],["listitem","\"right\" - the axis title is positioned on the right (applicable to horizontal axis)"],["listitem","\"center\" - the axis title is positioned in the center"]]],"orig":"navigator.pane.title.position"},{"name":"margin","type":["Number","Object"],"default":"5","short_doc":[["para","The margin of the title. A numeric value will set all margins."]],"doc":[["para","The margin of the title. A numeric value will set all margins."]],"sub":[{"name":"top","type":["Number"],"default":"0","short_doc":[["para","The top margin of the title."]],"doc":[["para","The top margin of the title."]],"orig":"navigator.pane.title.margin.top"},{"name":"right","type":["Number"],"default":"0","short_doc":[["para","The right margin of the title."]],"doc":[["para","The right margin of the title."]],"orig":"navigator.pane.title.margin.right"},{"name":"left","type":["Number"],"default":"0","short_doc":[["para","The left margin of the title."]],"doc":[["para","The left margin of the title."]],"orig":"navigator.pane.title.margin.left"},{"name":"bottom","type":["Number"],"default":"0","short_doc":[["para","The bottom margin of the title."]],"doc":[["para","The bottom margin of the title."]],"orig":"navigator.pane.title.margin.bottom"}],"orig":"navigator.pane.title.margin"},{"name":"font","type":["String"],"default":"\"16px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the title."]],"doc":[["para","The font style of the title."]],"orig":"navigator.pane.title.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the title. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the title. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.pane.title.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the title."]],"doc":[["para","The border of the title."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"orig":"navigator.pane.title.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.pane.title.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.pane.title.border.color"}],"orig":"navigator.pane.title.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the title. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the title. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.pane.title.background"}],"orig":"navigator.pane.title"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para","The padding of the pane. A numeric value will set all paddings."]],"doc":[["para","The padding of the pane. A numeric value will set all paddings."]],"sub":[{"name":"top","type":["Number"],"default":"0","short_doc":[["para","The top padding of the navigator pane."]],"doc":[["para","The top padding of the navigator pane."]],"orig":"navigator.pane.padding.top"},{"name":"right","type":["Number"],"default":"0","short_doc":[["para","The right padding of the navigator pane."]],"doc":[["para","The right padding of the navigator pane."]],"orig":"navigator.pane.padding.right"},{"name":"left","type":["Number"],"default":"0","short_doc":[["para","The left padding of the navigator pane."]],"doc":[["para","The left padding of the navigator pane."]],"orig":"navigator.pane.padding.left"},{"name":"bottom","type":["Number"],"default":"0","short_doc":[["para","The bottom padding of the navigator pane."]],"doc":[["para","The bottom padding of the navigator pane."]],"orig":"navigator.pane.padding.bottom"}],"orig":"navigator.pane.padding"},{"name":"name","type":["String"],"short_doc":[["para","The unique name of the navigator pane."]],"doc":[["para","The unique name of the navigator pane."]],"orig":"navigator.pane.name"},{"name":"margin","type":["Number","Object"],"default":"0","short_doc":[["para","The margin of the pane. A numeric value will set all margins."]],"doc":[["para","The margin of the pane. A numeric value will set all margins."]],"sub":[{"name":"top","type":["Number"],"default":"0","short_doc":[["para","The top margin of the navigator pane."]],"doc":[["para","The top margin of the navigator pane."]],"orig":"navigator.pane.margin.top"},{"name":"right","type":["Number"],"default":"0","short_doc":[["para","The right margin of the navigator pane."]],"doc":[["para","The right margin of the navigator pane."]],"orig":"navigator.pane.margin.right"},{"name":"left","type":["Number"],"default":"0","short_doc":[["para","The left margin of the navigator pane."]],"doc":[["para","The left margin of the navigator pane."]],"orig":"navigator.pane.margin.left"},{"name":"bottom","type":["Number"],"default":"0","short_doc":[["para","The bottom margin of the navigator pane."]],"doc":[["para","The bottom margin of the navigator pane."]],"orig":"navigator.pane.margin.bottom"}],"orig":"navigator.pane.margin"},{"name":"height","type":["Number"],"short_doc":[["para","The navigator pane height in pixels."]],"doc":[["para","The navigator pane height in pixels."]],"orig":"navigator.pane.height"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the navigator pane."]],"doc":[["para","The border of the navigator pane."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"orig":"navigator.pane.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.pane.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.pane.border.color"}],"orig":"navigator.pane.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the pane. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the pane. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.pane.background"}],"orig":"navigator.pane"},{"name":"dateField","type":["String"],"short_doc":[["para","The field containing the point date.\nIt is used as a default ",["inlinecode","field"]," for the navigator axis."],["para","The data item field value must be either:"]],"doc":[["para","The field containing the point date.\nIt is used as a default ",["inlinecode","field"]," for the navigator axis."],["para","The data item field value must be either:"],["header",{"level":4},"* Date instance"],["header",{"level":4},"* String parsable by ",["inlinecode","new Date([field value])"]],["header",{"level":4},"* String in ASP.NET JSON format, i.e. \"\\/Date(1320825600000-0800)\\/\""]],"orig":"navigator.dateField"},{"name":"autoBind","type":["Boolean"],"default":"true","short_doc":[["para","Indicates whether the navigator will call read on the data source initially.\nApplicable only when using a dedicated navigator data source."]],"doc":[["para","Indicates whether the navigator will call read on the data source initially.\nApplicable only when using a dedicated navigator data source."],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n navigator: {\n dataSource: naviDataSource,\n autoBind: false\n }\n});\n\n// ...\nnaviDataSource.read();"]],"orig":"navigator.autoBind"},{"name":"dataSource","type":["Object"],"short_doc":[["para","Navigator DataSource configuration or instance."],["para","When the navigator is bound via its own data source,\nit will automatically set \"from\" and \"to\" filters on the main data source."],["para","This, in conjunction with server filtering, allows you to visualize large data sets\nwithout loading them at once."]],"doc":[["para","Navigator DataSource configuration or instance."],["para","When the navigator is bound via its own data source,\nit will automatically set \"from\" and \"to\" filters on the main data source."],["para","This, in conjunction with server filtering, allows you to visualize large data sets\nwithout loading them at once."],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n dataSource: {\n transport: {\n read: \"/stock/detail\"\n },\n serverFiltering: true\n },\n navigator: {\n dataSource: {\n transport: {\n read: \"/stock/volume\"\n }\n }\n }\n});"]],"orig":"navigator.dataSource"},{"name":"categoryAxis","type":["Array","Object"],"short_doc":[["para","The category axis configuration options."]],"doc":[["para","The category axis configuration options."]],"sub":[{"name":"notes","type":["Object"],"short_doc":[["para","The category axis notes configuration."]],"doc":[["para","The category axis notes configuration."]],"sub":[{"name":"data","type":["Array"],"short_doc":[["para","The items of the notes."]],"doc":[["para","The items of the notes."]],"sub":[{"name":"line","type":["Object"],"short_doc":[["para","The line of the note."]],"doc":[["para","The line of the note."]],"sub":[{"name":"length","type":["Number"],"short_doc":[["para","The length of the connecting lines in pixels."]],"doc":[["para","The length of the connecting lines in pixels."]],"orig":"navigator.categoryAxis.notes.data.line.length"},{"name":"color","type":["String"],"short_doc":[["para","The line color of the note."]],"doc":[["para","The line color of the note."]],"orig":"navigator.categoryAxis.notes.data.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The line width of the note."]],"doc":[["para","The line width of the note."]],"orig":"navigator.categoryAxis.notes.data.line.width"}],"orig":"navigator.categoryAxis.notes.data.line"},{"name":"label","type":["Object"],"short_doc":[["para","The label of the note."]],"doc":[["para","The label of the note."]],"sub":[{"name":"position","type":["String"],"default":"\"inside\"","short_doc":[["para","The position of the category axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"doc":[["para","The position of the category axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"orig":"navigator.categoryAxis.notes.data.label.position"},{"name":"text","type":["String"],"short_doc":[["para","The label note text."]],"doc":[["para","The label note text."]],"orig":"navigator.categoryAxis.notes.data.label.text"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"doc":[["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"orig":"navigator.categoryAxis.notes.data.label.format"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"orig":"navigator.categoryAxis.notes.data.label.rotation"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."]],"orig":"navigator.categoryAxis.notes.data.label.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"orig":"navigator.categoryAxis.notes.data.label.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the note label."]],"doc":[["para","The font style of the note label."]],"orig":"navigator.categoryAxis.notes.data.label.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.notes.data.label.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the label."]],"doc":[["para","The border of the label."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"orig":"navigator.categoryAxis.notes.data.label.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.notes.data.label.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.notes.data.label.border.color"}],"orig":"navigator.categoryAxis.notes.data.label.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.notes.data.label.background"}],"orig":"navigator.categoryAxis.notes.data.label"},{"name":"icon","type":["Object"],"short_doc":[["para","The icon of the note."]],"doc":[["para","The icon of the note."]],"sub":[{"name":"visible","type":["Boolean"],"default":"\"true\"","short_doc":[["para","The icon visibility."]],"doc":[["para","The icon visibility."]],"orig":"navigator.categoryAxis.notes.data.icon.visible"},{"name":"type","type":["String"],"default":"\"circle\"","short_doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"orig":"navigator.categoryAxis.notes.data.icon.type"},{"name":"size","type":["Number"],"short_doc":[["para","The size of the icon."]],"doc":[["para","The size of the icon."]],"orig":"navigator.categoryAxis.notes.data.icon.size"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the icon."]],"doc":[["para","The border of the icon."]],"sub":[{"name":"width","type":["Number"],"short_doc":[["para","The border width of the icon."]],"doc":[["para","The border width of the icon."]],"orig":"navigator.categoryAxis.notes.data.icon.border.width"},{"name":"color","type":["String"],"short_doc":[["para","The border color of the icon."]],"doc":[["para","The border color of the icon."]],"orig":"navigator.categoryAxis.notes.data.icon.border.color"}],"orig":"navigator.categoryAxis.notes.data.icon.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the note icon."]],"doc":[["para","The background color of the note icon."]],"orig":"navigator.categoryAxis.notes.data.icon.background"}],"orig":"navigator.categoryAxis.notes.data.icon"},{"name":"position","type":["String"],"default":"\"inside\"","short_doc":[["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"doc":[["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"orig":"navigator.categoryAxis.notes.data.position"},{"name":"value","type":["Object"],"short_doc":[["para","The value of the note."]],"doc":[["para","The value of the note."]],"orig":"navigator.categoryAxis.notes.data.value"}],"orig":"navigator.categoryAxis.notes.data"},{"name":"line","type":["Object"],"short_doc":[["para","The line of the notes."]],"doc":[["para","The line of the notes."]],"sub":[{"name":"length","type":["Number"],"short_doc":[["para","The length of the connecting lines in pixels."]],"doc":[["para","The length of the connecting lines in pixels."]],"orig":"navigator.categoryAxis.notes.line.length"},{"name":"color","type":["String"],"short_doc":[["para","The line color of the notes."]],"doc":[["para","The line color of the notes."]],"orig":"navigator.categoryAxis.notes.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The line width of the notes."]],"doc":[["para","The line width of the notes."]],"orig":"navigator.categoryAxis.notes.line.width"}],"orig":"navigator.categoryAxis.notes.line"},{"name":"label","type":["Object"],"short_doc":[["para","The label of the notes."]],"doc":[["para","The label of the notes."]],"sub":[{"name":"position","type":["String"],"default":"\"inside\"","short_doc":[["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"doc":[["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"orig":"navigator.categoryAxis.notes.label.position"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"doc":[["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"orig":"navigator.categoryAxis.notes.label.format"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"orig":"navigator.categoryAxis.notes.label.rotation"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."]],"orig":"navigator.categoryAxis.notes.label.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"orig":"navigator.categoryAxis.notes.label.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the label."]],"doc":[["para","The font style of the label."]],"orig":"navigator.categoryAxis.notes.label.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.notes.label.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the label."]],"doc":[["para","The border of the label."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"orig":"navigator.categoryAxis.notes.label.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.notes.label.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.notes.label.border.color"}],"orig":"navigator.categoryAxis.notes.label.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.notes.label.background"}],"orig":"navigator.categoryAxis.notes.label"},{"name":"position","type":["String"],"short_doc":[["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"doc":[["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"orig":"navigator.categoryAxis.notes.position"},{"name":"icon","type":["Object"],"short_doc":[["para","The icon of the notes."]],"doc":[["para","The icon of the notes."]],"sub":[{"name":"visible","type":["Boolean"],"default":"\"true\"","short_doc":[["para","The icon visibility."]],"doc":[["para","The icon visibility."]],"orig":"navigator.categoryAxis.notes.icon.visible"},{"name":"type","type":["String"],"default":"\"circle\"","short_doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"orig":"navigator.categoryAxis.notes.icon.type"},{"name":"size","type":["Number"],"short_doc":[["para","The size of the icon."]],"doc":[["para","The size of the icon."]],"orig":"navigator.categoryAxis.notes.icon.size"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the icon."]],"doc":[["para","The border of the icon."]],"sub":[{"name":"width","type":["Number"],"short_doc":[["para","The border width of the icon."]],"doc":[["para","The border width of the icon."]],"orig":"navigator.categoryAxis.notes.icon.border.width"},{"name":"color","type":["String"],"short_doc":[["para","The border color of the icon."]],"doc":[["para","The border color of the icon."]],"orig":"navigator.categoryAxis.notes.icon.border.color"}],"orig":"navigator.categoryAxis.notes.icon.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the notes icon."]],"doc":[["para","The background color of the notes icon."]],"orig":"navigator.categoryAxis.notes.icon.background"}],"orig":"navigator.categoryAxis.notes.icon"}],"orig":"navigator.categoryAxis.notes"},{"name":"weekStartDay","type":["Number"],"default":"kendo.days.Sunday","short_doc":[["para","The week start day when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"weeks\"."],["para","The supported values are:"],["bulletlist",["listitem","kendo.days.Sunday - equal to 0"],["listitem","kendo.days.Monday - equal to 1"],["listitem","kendo.days.Tuesday - equal to 2"],["listitem","kendo.days.Wednesday - equal to 3"],["listitem","kendo.days.Thursday - equal to 4"],["listitem","kendo.days.Friday - equal to 5"],["listitem","kendo.days.Saturday - equal to 6"]]],"doc":[["para","The week start day when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"weeks\"."],["para","The supported values are:"],["bulletlist",["listitem","kendo.days.Sunday - equal to 0"],["listitem","kendo.days.Monday - equal to 1"],["listitem","kendo.days.Tuesday - equal to 2"],["listitem","kendo.days.Wednesday - equal to 3"],["listitem","kendo.days.Thursday - equal to 4"],["listitem","kendo.days.Friday - equal to 5"],["listitem","kendo.days.Saturday - equal to 6"]]],"orig":"navigator.categoryAxis.weekStartDay"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis. By default the category axis is visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis. By default the category axis is visible."]],"orig":"navigator.categoryAxis.visible"},{"name":"title","type":["Object"],"short_doc":[["para","The title configuration of the category axis."],["blockquote",["para","The ",["link",{"href":"#configuration-categoryAxis.title.text"},"categoryAxis.title.text"]," option must be set in order to display the title."]]],"doc":[["para","The title configuration of the category axis."],["blockquote",["para","The ",["link",{"href":"#configuration-categoryAxis.title.text"},"categoryAxis.title.text"]," option must be set in order to display the title."]]],"sub":[{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis title. By default the category axis title is visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis title. By default the category axis title is visible."]],"orig":"navigator.categoryAxis.title.visible"},{"name":"text","type":["String"],"short_doc":[["para","The text of the title."]],"doc":[["para","The text of the title."]],"orig":"navigator.categoryAxis.title.text"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the title. By default the title is not rotated."]],"doc":[["para","The rotation angle of the title. By default the title is not rotated."]],"orig":"navigator.categoryAxis.title.rotation"},{"name":"position","type":["String"],"default":"\"center\"","short_doc":[["para","The position of the title."],["para","The supported values are:"],["bulletlist",["listitem","\"top\" - the axis title is positioned on the top (applicable to vertical axis)"],["listitem","\"bottom\" - the axis title is positioned on the bottom (applicable to vertical axis)"],["listitem","\"left\" - the axis title is positioned on the left (applicable to horizontal axis)"],["listitem","\"right\" - the axis title is positioned on the right (applicable to horizontal axis)"],["listitem","\"center\" - the axis title is positioned in the center"]]],"doc":[["para","The position of the title."],["para","The supported values are:"],["bulletlist",["listitem","\"top\" - the axis title is positioned on the top (applicable to vertical axis)"],["listitem","\"bottom\" - the axis title is positioned on the bottom (applicable to vertical axis)"],["listitem","\"left\" - the axis title is positioned on the left (applicable to horizontal axis)"],["listitem","\"right\" - the axis title is positioned on the right (applicable to horizontal axis)"],["listitem","\"center\" - the axis title is positioned in the center"]]],"orig":"navigator.categoryAxis.title.position"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para","The padding of the title. A numeric value will set all paddings."]],"doc":[["para","The padding of the title. A numeric value will set all paddings."]],"sub":[{"name":"top","type":["Number"],"default":"0","short_doc":[["para","The top padding of the title."]],"doc":[["para","The top padding of the title."]],"orig":"navigator.categoryAxis.title.padding.top"},{"name":"right","type":["Number"],"default":"0","short_doc":[["para","The right padding of the title."]],"doc":[["para","The right padding of the title."]],"orig":"navigator.categoryAxis.title.padding.right"},{"name":"left","type":["Number"],"default":"0","short_doc":[["para","The left padding of the title."]],"doc":[["para","The left padding of the title."]],"orig":"navigator.categoryAxis.title.padding.left"},{"name":"bottom","type":["Number"],"default":"0","short_doc":[["para","The bottom padding of the title."]],"doc":[["para","The bottom padding of the title."]],"orig":"navigator.categoryAxis.title.padding.bottom"}],"orig":"navigator.categoryAxis.title.padding"},{"name":"margin","type":["Number","Object"],"default":"5","short_doc":[["para","The margin of the title. A numeric value will set all margins."]],"doc":[["para","The margin of the title. A numeric value will set all margins."]],"sub":[{"name":"top","type":["Number"],"default":"0","short_doc":[["para","The top margin of the title."]],"doc":[["para","The top margin of the title."]],"orig":"navigator.categoryAxis.title.margin.top"},{"name":"right","type":["Number"],"default":"0","short_doc":[["para","The right margin of the title."]],"doc":[["para","The right margin of the title."]],"orig":"navigator.categoryAxis.title.margin.right"},{"name":"left","type":["Number"],"default":"0","short_doc":[["para","The left margin of the title."]],"doc":[["para","The left margin of the title."]],"orig":"navigator.categoryAxis.title.margin.left"},{"name":"bottom","type":["Number"],"default":"0","short_doc":[["para","The bottom margin of the title."]],"doc":[["para","The bottom margin of the title."]],"orig":"navigator.categoryAxis.title.margin.bottom"}],"orig":"navigator.categoryAxis.title.margin"},{"name":"font","type":["String"],"default":"\"16px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the title."]],"doc":[["para","The font style of the title."]],"orig":"navigator.categoryAxis.title.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the title. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the title. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.title.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the title."]],"doc":[["para","The border of the title."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"orig":"navigator.categoryAxis.title.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.title.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.title.border.color"}],"orig":"navigator.categoryAxis.title.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the title. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the title. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.title.background"}],"orig":"navigator.categoryAxis.title"},{"name":"roundToBaseUnit","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will round the first and last date to the nearest base unit."],["para","The ",["inlinecode","roundToBaseUnit"]," option will be ignored if ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"bar\", \"column\", \"ohlc\" or \"candlestick\"."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will round the first and last date to the nearest base unit."],["para","The ",["inlinecode","roundToBaseUnit"]," option will be ignored if ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"bar\", \"column\", \"ohlc\" or \"candlestick\"."]],"orig":"navigator.categoryAxis.roundToBaseUnit"},{"name":"reverse","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the category axis direction will be reversed. By default categories are listed from left to right and from bottom to top."]],"doc":[["para","If set to ",["inlinecode","true"]," the category axis direction will be reversed. By default categories are listed from left to right and from bottom to top."]],"orig":"navigator.categoryAxis.reverse"},{"name":"plotBands","type":["Array"],"short_doc":[["para","The plot bands of the category axis."]],"doc":[["para","The plot bands of the category axis."]],"sub":[{"name":"to","type":["Number"],"short_doc":[["para","The end position of the plot band in axis units."]],"doc":[["para","The end position of the plot band in axis units."]],"orig":"navigator.categoryAxis.plotBands.to"},{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the plot band."]],"doc":[["para","The opacity of the plot band."]],"orig":"navigator.categoryAxis.plotBands.opacity"},{"name":"from","type":["Number"],"short_doc":[["para","The start position of the plot band in axis units."]],"doc":[["para","The start position of the plot band in axis units."]],"orig":"navigator.categoryAxis.plotBands.from"},{"name":"color","type":["String"],"short_doc":[["para","The color of the plot band."]],"doc":[["para","The color of the plot band."]],"orig":"navigator.categoryAxis.plotBands.color"}],"orig":"navigator.categoryAxis.plotBands"},{"name":"minorTicks","type":["Object"],"short_doc":[["para","The configuration of the category axis minor ticks."]],"doc":[["para","The configuration of the category axis minor ticks."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the category axis minor ticks."]],"doc":[["para","The skip of the category axis minor ticks."]],"orig":"navigator.categoryAxis.minorTicks.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the category axis minor ticks."]],"doc":[["para","The step of the category axis minor ticks."]],"orig":"navigator.categoryAxis.minorTicks.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the minor ticks in pixels."]],"doc":[["para","The width of the minor ticks in pixels."]],"orig":"navigator.categoryAxis.minorTicks.width"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis minor ticks. By default the category axis minor ticks are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis minor ticks. By default the category axis minor ticks are visible."]],"orig":"navigator.categoryAxis.minorTicks.visible"},{"name":"size","type":["Number"],"default":"4","short_doc":[["para","The length of the tick line in pixels."]],"doc":[["para","The length of the tick line in pixels."]],"orig":"navigator.categoryAxis.minorTicks.size"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the category axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the category axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.minorTicks.color"}],"orig":"navigator.categoryAxis.minorTicks"},{"name":"minorGridLines","type":["Object"],"short_doc":[["para","The configuration of the minor grid lines. These are the lines that are an extension of the minor ticks through the\nbody of the chart."]],"doc":[["para","The configuration of the minor grid lines. These are the lines that are an extension of the minor ticks through the\nbody of the chart."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the category axis minor grid lines."]],"doc":[["para","The skip of the category axis minor grid lines."]],"orig":"navigator.categoryAxis.minorGridLines.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the category axis minor grid lines."]],"doc":[["para","The step of the category axis minor grid lines."]],"orig":"navigator.categoryAxis.minorGridLines.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the category axis minor grid lines in pixels."]],"doc":[["para","The width of the category axis minor grid lines in pixels."]],"orig":"navigator.categoryAxis.minorGridLines.width"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the minor grid lines. By default the minor grid lines are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the minor grid lines. By default the minor grid lines are visible."]],"orig":"navigator.categoryAxis.minorGridLines.visible"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the minor grid lines."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the minor grid lines."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.minorGridLines.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the minor grid lines. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the minor grid lines. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.minorGridLines.color"}],"orig":"navigator.categoryAxis.minorGridLines"},{"name":"min","type":["Object"],"short_doc":[["para","The first date displayed on the category date axis. By default, the minimum date is the same as the first category.\nThis is often used in combination with the ",["link",{"href":"#configuration-categoryAxis.min"},"categoryAxis.min"]," and ",["link",{"href":"#configuration-categoryAxis.roundToBaseUnit"},"categoryAxis.roundToBaseUnit"]," options to\nset up a fixed date range."]],"doc":[["para","The first date displayed on the category date axis. By default, the minimum date is the same as the first category.\nThis is often used in combination with the ",["link",{"href":"#configuration-categoryAxis.min"},"categoryAxis.min"]," and ",["link",{"href":"#configuration-categoryAxis.roundToBaseUnit"},"categoryAxis.roundToBaseUnit"]," options to\nset up a fixed date range."]],"orig":"navigator.categoryAxis.min"},{"name":"maxDateGroups","type":["Number"],"default":"10","short_doc":[["para","The maximum number of groups (categories) to display when\n",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," is set to \"auto\"."]],"doc":[["para","The maximum number of groups (categories) to display when\n",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," is set to \"auto\"."]],"orig":"navigator.categoryAxis.maxDateGroups"},{"name":"max","type":["Object"],"short_doc":[["para","The last date displayed on the category date axis. By default, the minimum date is the same as the last category.\nThis is often used in combination with the ",["link",{"href":"#configuration-categoryAxis.min"},"categoryAxis.min"]," and ",["link",{"href":"#configuration-categoryAxis.roundToBaseUnit"},"categoryAxis.roundToBaseUnit"]," options to\nset up a fixed date range."]],"doc":[["para","The last date displayed on the category date axis. By default, the minimum date is the same as the last category.\nThis is often used in combination with the ",["link",{"href":"#configuration-categoryAxis.min"},"categoryAxis.min"]," and ",["link",{"href":"#configuration-categoryAxis.roundToBaseUnit"},"categoryAxis.roundToBaseUnit"]," options to\nset up a fixed date range."]],"orig":"navigator.categoryAxis.max"},{"name":"majorTicks","type":["Object"],"short_doc":[["para","The configuration of the category axis major ticks."]],"doc":[["para","The configuration of the category axis major ticks."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the category axis major ticks."]],"doc":[["para","The skip of the category axis major ticks."]],"orig":"navigator.categoryAxis.majorTicks.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the category axis major ticks."]],"doc":[["para","The step of the category axis major ticks."]],"orig":"navigator.categoryAxis.majorTicks.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the major ticks in pixels."]],"doc":[["para","The width of the major ticks in pixels."]],"orig":"navigator.categoryAxis.majorTicks.width"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis major ticks. By default the category axis major ticks are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis major ticks. By default the category axis major ticks are visible."]],"orig":"navigator.categoryAxis.majorTicks.visible"},{"name":"size","type":["Number"],"default":"4","short_doc":[["para","The length of the tick line in pixels."]],"doc":[["para","The length of the tick line in pixels."]],"orig":"navigator.categoryAxis.majorTicks.size"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the category axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the category axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.majorTicks.color"}],"orig":"navigator.categoryAxis.majorTicks"},{"name":"majorGridLines","type":["Object"],"short_doc":[["para","The configuration of the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."]],"doc":[["para","The configuration of the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the category axis major grid lines."]],"doc":[["para","The skip of the category axis major grid lines."]],"orig":"navigator.categoryAxis.majorGridLines.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the category axis major grid lines."]],"doc":[["para","The step of the category axis major grid lines."]],"orig":"navigator.categoryAxis.majorGridLines.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the category axis major grid lines in pixels."]],"doc":[["para","The width of the category axis major grid lines in pixels."]],"orig":"navigator.categoryAxis.majorGridLines.width"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the major grid lines. By default the major grid lines are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the major grid lines. By default the major grid lines are visible."]],"orig":"navigator.categoryAxis.majorGridLines.visible"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the major grid lines."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the major grid lines."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.majorGridLines.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the major grid lines. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the major grid lines. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.majorGridLines.color"}],"orig":"navigator.categoryAxis.majorGridLines"},{"name":"line","type":["Object"],"short_doc":[["para","The configuration of the axis lines. Also affects the major and minor ticks, but not the grid lines."]],"doc":[["para","The configuration of the axis lines. Also affects the major and minor ticks, but not the grid lines."]],"sub":[{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the line in pixels. Also affects the major and minor ticks, but not the grid lines."]],"doc":[["para","The width of the line in pixels. Also affects the major and minor ticks, but not the grid lines."]],"orig":"navigator.categoryAxis.line.width"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis lines. By default the category axis lines are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis lines. By default the category axis lines are visible."]],"orig":"navigator.categoryAxis.line.visible"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the line."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the line."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.line.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the lines. Accepts a valid CSS color string, including hex and rgb."],["blockquote",["para","Setting the ",["inlinecode","color"]," option affects the major and minor ticks, but not the grid lines."]]],"doc":[["para","The color of the lines. Accepts a valid CSS color string, including hex and rgb."],["blockquote",["para","Setting the ",["inlinecode","color"]," option affects the major and minor ticks, but not the grid lines."]]],"orig":"navigator.categoryAxis.line.color"}],"orig":"navigator.categoryAxis.line"},{"name":"labels","type":["Object"],"short_doc":[["para","The axis labels configuration."]],"doc":[["para","The axis labels configuration."]],"sub":[{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis labels. By default the category axis labels are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis labels. By default the category axis labels are visible."]],"orig":"navigator.categoryAxis.labels.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"orig":"navigator.categoryAxis.labels.template"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The label rendering step - render every n-th label. By default every label is rendered."]],"doc":[["para","The label rendering step - render every n-th label. By default every label is rendered."]],"orig":"navigator.categoryAxis.labels.step"},{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The number of labels to skip. By default no labels are skipped."]],"doc":[["para","The number of labels to skip. By default no labels are skipped."]],"orig":"navigator.categoryAxis.labels.skip"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the labels. By default the labels are not rotated."]],"doc":[["para","The rotation angle of the labels. By default the labels are not rotated."]],"orig":"navigator.categoryAxis.labels.rotation"},{"name":"padding","type":["Object","Number"],"default":"0","short_doc":[["para","The padding of the labels. A numeric value will set all paddings."]],"doc":[["para","The padding of the labels. A numeric value will set all paddings."]],"sub":[{"name":"top","type":["Number"],"default":"0","short_doc":[["para","The top padding of the labels."]],"doc":[["para","The top padding of the labels."]],"orig":"navigator.categoryAxis.labels.padding.top"},{"name":"right","type":["Number"],"default":"0","short_doc":[["para","The right padding of the labels."]],"doc":[["para","The right padding of the labels."]],"orig":"navigator.categoryAxis.labels.padding.right"},{"name":"left","type":["Number"],"default":"0","short_doc":[["para","The left padding of the labels."]],"doc":[["para","The left padding of the labels."]],"orig":"navigator.categoryAxis.labels.padding.left"},{"name":"bottom","type":["Number"],"default":"0","short_doc":[["para","The bottom padding of the labels."]],"doc":[["para","The bottom padding of the labels."]],"orig":"navigator.categoryAxis.labels.padding.bottom"}],"orig":"navigator.categoryAxis.labels.padding"},{"name":"mirror","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will mirror the axis labels and ticks. If the labels are normally on the left side of the axis, mirroring the axis will render them to the right."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will mirror the axis labels and ticks. If the labels are normally on the left side of the axis, mirroring the axis will render them to the right."]],"orig":"navigator.categoryAxis.labels.mirror"},{"name":"margin","type":["Number","Object"],"default":"0","short_doc":[["para","The margin of the labels. A numeric value will set all margins."]],"doc":[["para","The margin of the labels. A numeric value will set all margins."]],"sub":[{"name":"top","type":["Number"],"default":"0","short_doc":[["para","The top margin of the labels."]],"doc":[["para","The top margin of the labels."]],"orig":"navigator.categoryAxis.labels.margin.top"},{"name":"right","type":["Number"],"default":"0","short_doc":[["para","The right margin of the labels."]],"doc":[["para","The right margin of the labels."]],"orig":"navigator.categoryAxis.labels.margin.right"},{"name":"left","type":["Number"],"default":"0","short_doc":[["para","The left margin of the labels."]],"doc":[["para","The left margin of the labels."]],"orig":"navigator.categoryAxis.labels.margin.left"},{"name":"bottom","type":["Number"],"default":"0","short_doc":[["para","The bottom margin of the labels."]],"doc":[["para","The bottom margin of the labels."]],"orig":"navigator.categoryAxis.labels.margin.bottom"}],"orig":"navigator.categoryAxis.labels.margin"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the labels. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"doc":[["para","The format used to display the labels. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"orig":"navigator.categoryAxis.labels.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the labels."]],"doc":[["para","The font style of the labels."]],"orig":"navigator.categoryAxis.labels.font"},{"name":"dateFormats","type":["Object"],"short_doc":[["para","The format used to display the labels when the categories are dates. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["blockquote",["para","The chart will choose the appropriate format for the current ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"],". Setting the ",["link",{"href":"#configuration-categoryAxis.labels.format"},"categoryAxis.labels.format"]," option will override the date formats."]]],"doc":[["para","The format used to display the labels when the categories are dates. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["blockquote",["para","The chart will choose the appropriate format for the current ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"],". Setting the ",["link",{"href":"#configuration-categoryAxis.labels.format"},"categoryAxis.labels.format"]," option will override the date formats."]]],"sub":[{"name":"years","type":["String"],"default":"\"yyyy\"","short_doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"years\"."]],"doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"years\"."]],"orig":"navigator.categoryAxis.labels.dateFormats.years"},{"name":"weeks","type":["String"],"default":"\"M/d\"","short_doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"weeks\"."]],"doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"weeks\"."]],"orig":"navigator.categoryAxis.labels.dateFormats.weeks"},{"name":"months","type":["String"],"default":"\"MMM 'yy\"","short_doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"months\"."]],"doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"months\"."]],"orig":"navigator.categoryAxis.labels.dateFormats.months"},{"name":"hours","type":["String"],"default":"\"HH:mm\"","short_doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"hours\"."]],"doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"hours\"."]],"orig":"navigator.categoryAxis.labels.dateFormats.hours"},{"name":"days","type":["String"],"default":"\"M/d\"","short_doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"days\"."]],"doc":[["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"days\"."]],"orig":"navigator.categoryAxis.labels.dateFormats.days"}],"orig":"navigator.categoryAxis.labels.dateFormats"},{"name":"culture","type":["String"],"short_doc":[["para","The culture to use when formatting date values. See the ",["link",{"href":"/getting-started/framework/globalization/overview"},"globalization overview"]," for more information."]],"doc":[["para","The culture to use when formatting date values. See the ",["link",{"href":"/getting-started/framework/globalization/overview"},"globalization overview"]," for more information."]],"orig":"navigator.categoryAxis.labels.culture"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the labels. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the labels. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.labels.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the labels."]],"doc":[["para","The border of the labels."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"orig":"navigator.categoryAxis.labels.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.labels.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.labels.border.color"}],"orig":"navigator.categoryAxis.labels.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the labels. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the labels. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.labels.background"}],"orig":"navigator.categoryAxis.labels"},{"name":"justified","type":["Boolean"],"short_doc":[["para","If set to ",["inlinecode","true"]," the chart will position categories and series points on major ticks. This removes the empty space before and after the series."],["para","The default value is ",["inlinecode","false"]," except for \"area\" and \"verticalArea\"."],["blockquote",["para","This option is ignored if the ",["link",{"href":"#configuration-series.type"},"series.type"]," option is set to \"bar\", \"column\", \"ohlc\" or \"candlestick\"."]]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will position categories and series points on major ticks. This removes the empty space before and after the series."],["para","The default value is ",["inlinecode","false"]," except for \"area\" and \"verticalArea\"."],["blockquote",["para","This option is ignored if the ",["link",{"href":"#configuration-series.type"},"series.type"]," option is set to \"bar\", \"column\", \"ohlc\" or \"candlestick\"."]]],"orig":"navigator.categoryAxis.justified"},{"name":"field","type":["String"],"short_doc":[["para","The data item field which contains the category name. Requires the ",["link",{"href":"#configuration-dataSource"},"dataSource"]," option to be set."]],"doc":[["para","The data item field which contains the category name. Requires the ",["link",{"href":"#configuration-dataSource"},"dataSource"]," option to be set."]],"orig":"navigator.categoryAxis.field"},{"name":"crosshair","type":["Object"],"short_doc":[["para","The crosshair configuration options."],["blockquote",["para","The crosshair is displayed when the ",["link",{"href":"#configuration-categoryAxis.crosshair.visible"},"categoryAxis.crosshair.visible"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The crosshair configuration options."],["blockquote",["para","The crosshair is displayed when the ",["link",{"href":"#configuration-categoryAxis.crosshair.visible"},"categoryAxis.crosshair.visible"]," option is set to ",["inlinecode","true"],"."]]],"sub":[{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the crosshair in pixels."]],"doc":[["para","The width of the crosshair in pixels."]],"orig":"navigator.categoryAxis.crosshair.width"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis crosshair. By default the category axis crosshair is not visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis crosshair. By default the category axis crosshair is not visible."]],"orig":"navigator.categoryAxis.crosshair.visible"},{"name":"tooltip","type":["Object"],"short_doc":[["para","The crosshar tooltip options."],["blockquote",["para","The crosshair tooltip is displayed when the ",["link",{"href":"#configuration-categoryAxis.crosshair.tooltip.visible"},"categoryAxis.crosshair.tooltip.visible"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The crosshar tooltip options."],["blockquote",["para","The crosshair tooltip is displayed when the ",["link",{"href":"#configuration-categoryAxis.crosshair.tooltip.visible"},"categoryAxis.crosshair.tooltip.visible"]," option is set to ",["inlinecode","true"],"."]]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis crosshair tooltip. By default the category axis crosshair tooltip is not visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category axis crosshair tooltip. By default the category axis crosshair tooltip is not visible."]],"orig":"navigator.categoryAxis.crosshair.tooltip.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the tooltip."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the tooltip."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"orig":"navigator.categoryAxis.crosshair.tooltip.template"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para","The padding of the crosshair tooltip. A numeric value will set all paddings."]],"doc":[["para","The padding of the crosshair tooltip. A numeric value will set all paddings."]],"sub":[{"name":"top","type":["Number"],"default":"0","short_doc":[["para","The top padding of the crosshair tooltip."]],"doc":[["para","The top padding of the crosshair tooltip."]],"orig":"navigator.categoryAxis.crosshair.tooltip.padding.top"},{"name":"right","type":["Number"],"default":"0","short_doc":[["para","The right padding of the crosshair tooltip."]],"doc":[["para","The right padding of the crosshair tooltip."]],"orig":"navigator.categoryAxis.crosshair.tooltip.padding.right"},{"name":"left","type":["Number"],"default":"0","short_doc":[["para","The left padding of the crosshair tooltip."]],"doc":[["para","The left padding of the crosshair tooltip."]],"orig":"navigator.categoryAxis.crosshair.tooltip.padding.left"},{"name":"bottom","type":["Number"],"default":"0","short_doc":[["para","The bottom padding of the crosshair tooltip."]],"doc":[["para","The bottom padding of the crosshair tooltip."]],"orig":"navigator.categoryAxis.crosshair.tooltip.padding.bottom"}],"orig":"navigator.categoryAxis.crosshair.tooltip.padding"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the tooltip. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"doc":[["para","The format used to display the tooltip. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"orig":"navigator.categoryAxis.crosshair.tooltip.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The tooltip font."]],"doc":[["para","The tooltip font."]],"orig":"navigator.categoryAxis.crosshair.tooltip.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the tooltip. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the tooltip. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.crosshair.tooltip.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border options."]],"doc":[["para","The border options."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"orig":"navigator.categoryAxis.crosshair.tooltip.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.crosshair.tooltip.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.crosshair.tooltip.border.color"}],"orig":"navigator.categoryAxis.crosshair.tooltip.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.crosshair.tooltip.background"}],"orig":"navigator.categoryAxis.crosshair.tooltip"},{"name":"opacity","type":["Number"],"default":"1","short_doc":[["para","The opacity of the crosshair. By default the crosshair is opaque."]],"doc":[["para","The opacity of the crosshair. By default the crosshair is opaque."]],"orig":"navigator.categoryAxis.crosshair.opacity"},{"name":"dashType","type":["string"],"default":"\"solid\"","short_doc":[["para","The dash type of the crosshair."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the crosshair."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"orig":"navigator.categoryAxis.crosshair.dashType"},{"name":"color","type":["String"],"short_doc":[["para","The color of the crosshair. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the crosshair. Accepts a valid CSS color string, including hex and rgb."]],"orig":"navigator.categoryAxis.crosshair.color"}],"orig":"navigator.categoryAxis.crosshair"},{"name":"color","type":["String"],"short_doc":[["para","The color to apply to all axis elements. Accepts a valid CSS color string, including hex and rgb. Can be overridden by ",["link",{"href":"#configuration-categoryAxis.labels.color"},"categoryAxis.labels.color"]," and\n",["link",{"href":"#configuration-categoryAxis.line.color"},"categoryAxis.line.color"],"."]],"doc":[["para","The color to apply to all axis elements. Accepts a valid CSS color string, including hex and rgb. Can be overridden by ",["link",{"href":"#configuration-categoryAxis.labels.color"},"categoryAxis.labels.color"]," and\n",["link",{"href":"#configuration-categoryAxis.line.color"},"categoryAxis.line.color"],"."]],"orig":"navigator.categoryAxis.color"},{"name":"categories","type":["Array"],"short_doc":[["para","The category names. The chart will create a category for every item of the array."]],"doc":[["para","The category names. The chart will create a category for every item of the array."]],"orig":"navigator.categoryAxis.categories"},{"name":"baseUnitStep","type":["Object"],"default":"1","short_doc":[["para","The step (interval) between categories in base units. Setting it to \"auto\" will set the step to such value\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","This option is ignored if ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\"."]],"doc":[["para","The step (interval) between categories in base units. Setting it to \"auto\" will set the step to such value\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","This option is ignored if ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\"."]],"orig":"navigator.categoryAxis.baseUnitStep"},{"name":"baseUnit","type":["String"],"short_doc":[["para","The base time interval for the date axis. The default base unit is determined automatically from the minimum difference\nbetween subsequent categories."],["para","The supported values are:"],["bulletlist",["listitem","\"fit\""],["listitem","\"seconds\""],["listitem","\"minutes\""],["listitem","\"hours\""],["listitem","\"days\""],["listitem","\"weeks\""],["listitem","\"months\""],["listitem","\"years\""]],["para","Setting ",["inlinecode","baseUnit"]," to \"fit\" will set such base unit and ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"],"\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","Series data is aggregated for the specified base unit using the ",["link",{"href":"#configuration-series.aggregate"},"series.aggregate"]," function."]],"doc":[["para","The base time interval for the date axis. The default base unit is determined automatically from the minimum difference\nbetween subsequent categories."],["para","The supported values are:"],["bulletlist",["listitem","\"fit\""],["listitem","\"seconds\""],["listitem","\"minutes\""],["listitem","\"hours\""],["listitem","\"days\""],["listitem","\"weeks\""],["listitem","\"months\""],["listitem","\"years\""]],["para","Setting ",["inlinecode","baseUnit"]," to \"fit\" will set such base unit and ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"],"\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","Series data is aggregated for the specified base unit using the ",["link",{"href":"#configuration-series.aggregate"},"series.aggregate"]," function."]],"orig":"navigator.categoryAxis.baseUnit"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the axis."]],"doc":[["para","The background color of the axis."]],"orig":"navigator.categoryAxis.background"},{"name":"axisCrossingValue","type":["Object","Date","Array"],"short_doc":[["para","Category index at which the first value axis crosses this axis (when set as an object)."],["para","Category indices at which the value axes cross the category axis (when set as an array)."],["blockquote",["para","set an index greater than or equal to the number of categories to denote the far end of the axis."]]],"doc":[["para","Category index at which the first value axis crosses this axis (when set as an object)."],["para","Category indices at which the value axes cross the category axis (when set as an array)."],["blockquote",["para","set an index greater than or equal to the number of categories to denote the far end of the axis."]]],"orig":"navigator.categoryAxis.axisCrossingValue"},{"name":"autoBaseUnitSteps","type":["Object"],"short_doc":[["para","The discrete ",["link",{"href":"#configuration-navigator-categoryAxis.baseUnitStep"},"navigator.categoryAxis.baseUnitStep"]," values when\neither ",["link",{"href":"#configuration-navigator-categoryAxis.baseUnit"},"navigator.categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-navigator-categoryAxis.baseUnitStep"},"navigator.categoryAxis.baseUnitStep"]," is set to \"auto\"."]],"doc":[["para","The discrete ",["link",{"href":"#configuration-navigator-categoryAxis.baseUnitStep"},"navigator.categoryAxis.baseUnitStep"]," values when\neither ",["link",{"href":"#configuration-navigator-categoryAxis.baseUnit"},"navigator.categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-navigator-categoryAxis.baseUnitStep"},"navigator.categoryAxis.baseUnitStep"]," is set to \"auto\"."]],"sub":[{"name":"years","type":["Array"],"default":"[1, 2, 3, 5, 10, 25, 50]","short_doc":[["para","The years unit steps."]],"doc":[["para","The years unit steps."]],"orig":"navigator.categoryAxis.autoBaseUnitSteps.years"},{"name":"months","type":["Array"],"default":"[1, 2, 3, 6]","short_doc":[["para","The months unit steps."]],"doc":[["para","The months unit steps."]],"orig":"navigator.categoryAxis.autoBaseUnitSteps.months"},{"name":"weeks","type":["Array"],"default":"[1, 2]","short_doc":[["para","The weeks unit steps."]],"doc":[["para","The weeks unit steps."]],"orig":"navigator.categoryAxis.autoBaseUnitSteps.weeks"},{"name":"days","type":["Array"],"default":"[1, 2, 3]","short_doc":[["para","The days unit steps."]],"doc":[["para","The days unit steps."]],"orig":"navigator.categoryAxis.autoBaseUnitSteps.days"},{"name":"hours","type":["Array"],"default":"[1, 2, 3]","short_doc":[["para","The hours unit steps."]],"doc":[["para","The hours unit steps."]],"orig":"navigator.categoryAxis.autoBaseUnitSteps.hours"},{"name":"minutes","type":["Array"],"default":"[1, 2, 5, 15, 30]","short_doc":[["para","The minutes unit steps."]],"doc":[["para","The minutes unit steps."]],"orig":"navigator.categoryAxis.autoBaseUnitSteps.minutes"},{"name":"seconds","type":["Array"],"default":"[1, 2, 5, 15, 30]","short_doc":[["para","The seconds unit steps."]],"doc":[["para","The seconds unit steps."]],"orig":"navigator.categoryAxis.autoBaseUnitSteps.seconds"}],"orig":"navigator.categoryAxis.autoBaseUnitSteps"}],"orig":"navigator.categoryAxis"}]},{"name":"axisDefaults","type":["Object"],"short_doc":[["para","Default options for all chart axes."]],"doc":[["para","Default options for all chart axes."]]},{"name":"categoryAxis","type":["Array"],"short_doc":[["para","The category axis configuration options."]],"doc":[["para","The category axis configuration options."]],"sub":[{"name":"notes","type":["Object"],"short_doc":[["para","The category axis notes configuration."]],"doc":[["para","The category axis notes configuration."]],"sub":[{"name":"data","type":["Array"],"short_doc":[["para","The items of the notes."]],"doc":[["para","The items of the notes."]],"sub":[{"name":"line","type":["Object"],"short_doc":[["para","The line of the note."]],"doc":[["para","The line of the note."]],"sub":[{"name":"length","type":["Number"],"short_doc":[["para","The length of the connecting lines in pixels."]],"doc":[["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the category axis note color width"],["code_block","\n"]],"orig":"categoryAxis.notes.data.line.length"},{"name":"color","type":["String"],"short_doc":[["para","The line color of the note."]],"doc":[["para","The line color of the note."],["header",{"level":4},"Example - set the category axis note color width"],["code_block","\n"]],"orig":"categoryAxis.notes.data.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The line width of the note."]],"doc":[["para","The line width of the note."],["header",{"level":4},"Example - set the category axis note line width"],["code_block","\n"]],"orig":"categoryAxis.notes.data.line.width"}],"orig":"categoryAxis.notes.data.line"},{"name":"label","type":["Object"],"short_doc":[["para","The label of the note."]],"doc":[["para","The label of the note."]],"sub":[{"name":"position","type":["String"],"default":"\"inside\"","short_doc":[["para","The position of the category axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"doc":[["para","The position of the category axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"orig":"categoryAxis.notes.data.label.position"},{"name":"text","type":["String"],"short_doc":[["para","The label note text."]],"doc":[["para","The label note text."],["header",{"level":4},"Example - set the category axis label note text"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.text"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"doc":[["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["header",{"level":4},"Example - set the category axis note label format"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.format"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"doc":[["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the category axis note label"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.rotation"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."],["header",{"level":4},"Example - hide the category axis note label"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]],["header",{"level":4},"Example - set the category axis note label template as a string"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the note label."]],"doc":[["para","The font style of the note label."],["header",{"level":4},"Example - set the category axis note label font"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis note label color as a hex string"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the label."]],"doc":[["para","The border of the label."],["header",{"level":4},"Example - set the category axis note label border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the category axis note label border width"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the category axis note label border dash type"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis note label border color"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.border.color"}],"orig":"categoryAxis.notes.data.label.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis note label background"],["code_block","\n"]],"orig":"categoryAxis.notes.data.label.background"}],"orig":"categoryAxis.notes.data.label"},{"name":"icon","type":["Object"],"short_doc":[["para","The icon of the note."]],"doc":[["para","The icon of the note."]],"sub":[{"name":"visible","type":["Boolean"],"default":"\"true\"","short_doc":[["para","The icon visibility."]],"doc":[["para","The icon visibility."],["header",{"level":4},"Example - set the category axis note icon visibility"],["code_block","\n"]],"orig":"categoryAxis.notes.data.icon.visible"},{"name":"type","type":["String"],"default":"\"circle\"","short_doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the category axis note icon shape"],["code_block","\n"]],"orig":"categoryAxis.notes.data.icon.type"},{"name":"size","type":["Number"],"short_doc":[["para","The size of the icon."]],"doc":[["para","The size of the icon."],["header",{"level":4},"Example - set the category axis note icon size"],["code_block","\n"]],"orig":"categoryAxis.notes.data.icon.size"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the icon."]],"doc":[["para","The border of the icon."],["header",{"level":4},"Example - set the category axis note icon border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"short_doc":[["para","The border width of the icon."]],"doc":[["para","The border width of the icon."],["header",{"level":4},"Example - set the category axis note icon border width"],["code_block","\n"]],"orig":"categoryAxis.notes.data.icon.border.width"},{"name":"color","type":["String"],"short_doc":[["para","The border color of the icon."]],"doc":[["para","The border color of the icon."],["header",{"level":4},"Example - set the category axis note icon border color"],["code_block","\n"]],"orig":"categoryAxis.notes.data.icon.border.color"}],"orig":"categoryAxis.notes.data.icon.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the note icon."]],"doc":[["para","The background color of the note icon."],["header",{"level":4},"Example - set the category axis note icon background"],["code_block","\n"]],"orig":"categoryAxis.notes.data.icon.background"}],"orig":"categoryAxis.notes.data.icon"},{"name":"position","type":["String"],"short_doc":[["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"doc":[["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"orig":"categoryAxis.notes.data.position"},{"name":"value","type":["Object"],"short_doc":[["para","The value of the note."]],"doc":[["para","The value of the note."]],"orig":"categoryAxis.notes.data.value"}],"orig":"categoryAxis.notes.data"},{"name":"line","type":["Object"],"short_doc":[["para","The line of the notes."]],"doc":[["para","The line of the notes."]],"sub":[{"name":"length","type":["Number"],"short_doc":[["para","The length of the connecting lines in pixels."]],"doc":[["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the category axis notes color width"],["code_block","\n"]],"orig":"categoryAxis.notes.line.length"},{"name":"color","type":["String"],"short_doc":[["para","The line color of the notes."]],"doc":[["para","The line color of the notes."],["header",{"level":4},"Example - set the category axis notes color width"],["code_block","\n"]],"orig":"categoryAxis.notes.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The line width of the notes."]],"doc":[["para","The line width of the notes."],["header",{"level":4},"Example - set the category axis notes line width"],["code_block","\n"]],"orig":"categoryAxis.notes.line.width"}],"orig":"categoryAxis.notes.line"},{"name":"label","type":["Object"],"short_doc":[["para","The label of the notes."]],"doc":[["para","The label of the notes."]],"sub":[{"name":"position","type":["String"],"default":"\"inside\"","short_doc":[["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"doc":[["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"orig":"categoryAxis.notes.label.position"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."]],"doc":[["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["header",{"level":4},"Example - set the category axis notes label format"],["code_block","\n"]],"orig":"categoryAxis.notes.label.format"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"doc":[["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the category axis notes label"],["code_block","\n"]],"orig":"categoryAxis.notes.label.rotation"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."],["header",{"level":4},"Example - hide the category axis notes label"],["code_block","\n"]],"orig":"categoryAxis.notes.label.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]],["header",{"level":4},"Example - set the category axis notes label template as a string"],["code_block","\n"]],"orig":"categoryAxis.notes.label.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the label."]],"doc":[["para","The font style of the label."],["header",{"level":4},"Example - set the chart series label font"],["code_block","\n"]],"orig":"categoryAxis.notes.label.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis label color as a hex string"],["code_block","\n"]],"orig":"categoryAxis.notes.label.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the label."]],"doc":[["para","The border of the label."],["header",{"level":4},"Example - set the category axis label border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the category axis label border width"],["code_block","\n"]],"orig":"categoryAxis.notes.label.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the category axis label border dash type"],["code_block","\n"]],"orig":"categoryAxis.notes.label.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis label border color"],["code_block","\n"]],"orig":"categoryAxis.notes.label.border.color"}],"orig":"categoryAxis.notes.label.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis label background"],["code_block","\n"]],"orig":"categoryAxis.notes.label.background"}],"orig":"categoryAxis.notes.label"},{"name":"icon","type":["Object"],"short_doc":[["para","The icon of the notes."]],"doc":[["para","The icon of the notes."]],"sub":[{"name":"visible","type":["Boolean"],"default":"\"true\"","short_doc":[["para","The icon visibility."]],"doc":[["para","The icon visibility."],["header",{"level":4},"Example - set the category axis notes icon visibility"],["code_block","\n"]],"orig":"categoryAxis.notes.icon.visible"},{"name":"type","type":["String"],"default":"\"circle\"","short_doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the category axis notes icon shape"],["code_block","\n"]],"orig":"categoryAxis.notes.icon.type"},{"name":"size","type":["Number"],"short_doc":[["para","The size of the icon."]],"doc":[["para","The size of the icon."],["header",{"level":4},"Example - set the category axis notes icon size"],["code_block","\n"]],"orig":"categoryAxis.notes.icon.size"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the icon."]],"doc":[["para","The border of the icon."],["header",{"level":4},"Example - set the category axis notes icon border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"short_doc":[["para","The border width of the icon."]],"doc":[["para","The border width of the icon."],["header",{"level":4},"Example - set the category axis notes icon border width"],["code_block","\n"]],"orig":"categoryAxis.notes.icon.border.width"},{"name":"color","type":["String"],"short_doc":[["para","The border color of the icon."]],"doc":[["para","The border color of the icon."],["header",{"level":4},"Example - set the category axis notes icon border color"],["code_block","\n"]],"orig":"categoryAxis.notes.icon.border.color"}],"orig":"categoryAxis.notes.icon.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the notes icon."]],"doc":[["para","The background color of the notes icon."],["header",{"level":4},"Example - set the category axis notes icon background"],["code_block","\n"]],"orig":"categoryAxis.notes.icon.background"}],"orig":"categoryAxis.notes.icon"},{"name":"position","type":["String"],"short_doc":[["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"doc":[["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"orig":"categoryAxis.notes.position"}],"orig":"categoryAxis.notes"},{"name":"crosshair","type":["Object"],"short_doc":[["para","The crosshair configuration options."]],"doc":[["para","The crosshair configuration options."]],"sub":[{"name":"tooltip","type":["Object"],"short_doc":[["para","The crosshar tooltip configuration options."]],"doc":[["para","The crosshar tooltip configuration options."]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","A value indicating if the tooltip should be displayed."]],"doc":[["para","A value indicating if the tooltip should be displayed."]],"orig":"categoryAxis.crosshair.tooltip.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"]]],"doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [{\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003],\n crosshair: {\n visible: true,\n tooltip: {\n visible: true,\n template: \"|#= value #|\"\n }\n }\n }\n});"]],"orig":"categoryAxis.crosshair.tooltip.template"},{"name":"padding","type":["Number","Object"],"short_doc":[["para","The padding of the tooltip."]],"doc":[["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"]],"orig":"categoryAxis.crosshair.tooltip.padding"},{"name":"format","type":["String"],"short_doc":[["para","The tooltip format."]],"doc":[["para","The tooltip format."],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"C\""]],"orig":"categoryAxis.crosshair.tooltip.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The tooltip font."]],"doc":[["para","The tooltip font."]],"orig":"categoryAxis.crosshair.tooltip.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the tooltip."]],"doc":[["para","The text color of the tooltip."]],"orig":"categoryAxis.crosshair.tooltip.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border configuration options."]],"doc":[["para","The border configuration options."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"categoryAxis.crosshair.tooltip.border.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"categoryAxis.crosshair.tooltip.border.color"}],"orig":"categoryAxis.crosshair.tooltip.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the tooltip."]],"doc":[["para","The background color of the tooltip."]],"orig":"categoryAxis.crosshair.tooltip.background"}],"orig":"categoryAxis.crosshair.tooltip"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","The dash type of the crosshair."]],"doc":[["para","The dash type of the crosshair."]],"orig":"categoryAxis.crosshair.visible"},{"name":"dashType","type":["Number"],"short_doc":[["para","The dash type of the crosshair."]],"doc":[["para","The dash type of the crosshair."]],"orig":"categoryAxis.crosshair.dashType"},{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the crosshair."]],"doc":[["para","The opacity of the crosshair."]],"orig":"categoryAxis.crosshair.opacity"},{"name":"width","type":["Number"],"short_doc":[["para","The width of the crosshair."]],"doc":[["para","The width of the crosshair."]],"orig":"categoryAxis.crosshair.width"},{"name":"color","type":["String"],"short_doc":[["para","The color of the crosshair."]],"doc":[["para","The color of the crosshair."]],"orig":"categoryAxis.crosshair.color"}],"orig":"categoryAxis.crosshair"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the axis."]],"doc":[["para","The visibility of the axis."]],"orig":"categoryAxis.visible"},{"name":"maxDateGroups","type":["Number"],"short_doc":[["para","Specifies the maximum number of groups (categories) to produce when\neither ",["strong","baseUnit"]," is set to \"fit\" or ",["strong","baseUnitStep"]," is set to \"auto\"."],["para","This option is ignored in all other cases."],["para","The default value is approximately equal to ",["inlinecode","[widget width, px] / 30"]]],"doc":[["para","Specifies the maximum number of groups (categories) to produce when\neither ",["strong","baseUnit"]," is set to \"fit\" or ",["strong","baseUnitStep"]," is set to \"auto\"."],["para","This option is ignored in all other cases."],["para","The default value is approximately equal to ",["inlinecode","[widget width, px] / 30"]]],"orig":"categoryAxis.maxDateGroups"},{"name":"weekStartDay","type":["Number"],"default":"kendo.days.Sunday","short_doc":[["para","Specifies the week start day when ",["strong","baseUnit"]," is set to \"weeks\".\nUse the ",["em","kendo.days"]," constants to specify the day by name."],["bulletlist",["listitem","kendo.days.Sunday (0)"],["listitem","kendo.days.Monday (1)"],["listitem","kendo.days.Tuesday (2)"],["listitem","kendo.days.Wednesday (3)"],["listitem","kendo.days.Thursday (4)"],["listitem","kendo.days.Friday (5)"],["listitem","kendo.days.Saturday (6)"]]],"doc":[["para","Specifies the week start day when ",["strong","baseUnit"]," is set to \"weeks\".\nUse the ",["em","kendo.days"]," constants to specify the day by name."],["bulletlist",["listitem","kendo.days.Sunday (0)"],["listitem","kendo.days.Monday (1)"],["listitem","kendo.days.Tuesday (2)"],["listitem","kendo.days.Wednesday (3)"],["listitem","kendo.days.Thursday (4)"],["listitem","kendo.days.Friday (5)"],["listitem","kendo.days.Saturday (6)"]]],"orig":"categoryAxis.weekStartDay"},{"name":"roundToBaseUnit","type":["Boolean"],"default":"true","short_doc":[["para","By default, the first and last dates will be rounded off to the nearest base unit.\nSpecifying ",["strong","false"]," for this option will disable this behavior."],["para","This option is most useful in combination with explicit ",["strong","min"]," and ",["strong","max"]," dates."],["para","It will be ignored if either column, ohlc or candlestick series are plotted on the axis."]],"doc":[["para","By default, the first and last dates will be rounded off to the nearest base unit.\nSpecifying ",["strong","false"]," for this option will disable this behavior."],["para","This option is most useful in combination with explicit ",["strong","min"]," and ",["strong","max"]," dates."],["para","It will be ignored if either column, ohlc or candlestick series are plotted on the axis."]],"orig":"categoryAxis.roundToBaseUnit"},{"name":"min","type":["Object"],"short_doc":[["para","The first date displayed on the axis.\nBy default, the minimum date is the same as the first category.\nThis is often used in combination with the ",["strong","max"]," and ",["strong","roundToBaseUnit"]," configuration options to\nset up a fixed date range."]],"doc":[["para","The first date displayed on the axis.\nBy default, the minimum date is the same as the first category.\nThis is often used in combination with the ",["strong","max"]," and ",["strong","roundToBaseUnit"]," configuration options to\nset up a fixed date range."]],"orig":"categoryAxis.min"},{"name":"max","type":["Object"],"short_doc":[["para","The last date displayed on the axis.\nBy default, the minimum date is the same as the last category.\nThis is often used in combination with the ",["strong","min"]," and ",["strong","roundToBaseUnit"]," configuration options to\nset up a fixed date range."]],"doc":[["para","The last date displayed on the axis.\nBy default, the minimum date is the same as the last category.\nThis is often used in combination with the ",["strong","min"]," and ",["strong","roundToBaseUnit"]," configuration options to\nset up a fixed date range."]],"orig":"categoryAxis.max"},{"name":"baseUnitStep","type":["Object"],"default":"1","short_doc":[["para","The step (interval) between categories in base units. Setting it to \"auto\" will set the step to such value\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","This option is ignored if ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\"."]],"doc":[["para","The step (interval) between categories in base units. Setting it to \"auto\" will set the step to such value\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","This option is ignored if ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\"."]],"orig":"categoryAxis.baseUnitStep"},{"name":"baseUnit","type":["String"],"short_doc":[["para","The base time interval for the date axis. The default base unit is determined automatically from the minimum difference\nbetween subsequent categories."],["para","The supported values are:"],["bulletlist",["listitem","\"days\""],["listitem","\"fit\""],["listitem","\"hours\""],["listitem","\"minutes\""],["listitem","\"months\""],["listitem","\"weeks\""],["listitem","\"years\""]],["para","Setting ",["inlinecode","baseUnit"]," to \"fit\" will set such base unit and ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"],"\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","Series data is aggregated for the specified base unit using the ",["link",{"href":"#configuration-series.aggregate"},"series.aggregate"]," function."]],"doc":[["para","The base time interval for the date axis. The default base unit is determined automatically from the minimum difference\nbetween subsequent categories."],["para","The supported values are:"],["bulletlist",["listitem","\"days\""],["listitem","\"fit\""],["listitem","\"hours\""],["listitem","\"minutes\""],["listitem","\"months\""],["listitem","\"weeks\""],["listitem","\"years\""]],["para","Setting ",["inlinecode","baseUnit"]," to \"fit\" will set such base unit and ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"],"\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","Series data is aggregated for the specified base unit using the ",["link",{"href":"#configuration-series.aggregate"},"series.aggregate"]," function."]],"orig":"categoryAxis.baseUnit"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the axis."]],"doc":[["para","The background color of the axis."]],"orig":"categoryAxis.background"},{"name":"autoBaseUnitSteps","type":["Object"],"short_doc":[["para","The discrete ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," values when\neither ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," is set to \"auto\"."]],"doc":[["para","The discrete ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," values when\neither ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," is set to \"auto\"."],["header",{"level":4},"Example - set category axis auto base unit steps"],["code_block","\n"]],"sub":[{"name":"years","type":["Array"],"default":"[1, 2, 3, 5, 10, 25, 50]","short_doc":[["para","The years unit steps."]],"doc":[["para","The years unit steps."]],"orig":"categoryAxis.autoBaseUnitSteps.years"},{"name":"weeks","type":["Array"],"default":"[1, 2]","short_doc":[["para","The weeks unit steps."]],"doc":[["para","The weeks unit steps."]],"orig":"categoryAxis.autoBaseUnitSteps.weeks"},{"name":"months","type":["Array"],"default":"[1, 2, 3, 6]","short_doc":[["para","The months unit steps."]],"doc":[["para","The months unit steps."]],"orig":"categoryAxis.autoBaseUnitSteps.months"},{"name":"minutes","type":["Array"],"default":"[1, 2, 5, 15, 30]","short_doc":[["para","The minutes unit steps."]],"doc":[["para","The minutes unit steps."]],"orig":"categoryAxis.autoBaseUnitSteps.minutes"},{"name":"hours","type":["Array"],"default":"[1, 2, 3]","short_doc":[["para","The hours unit steps."]],"doc":[["para","The hours unit steps."]],"orig":"categoryAxis.autoBaseUnitSteps.hours"},{"name":"days","type":["Array"],"default":"[1, 2, 3]","short_doc":[["para","The days unit steps."]],"doc":[["para","The days unit steps."]],"orig":"categoryAxis.autoBaseUnitSteps.days"}],"orig":"categoryAxis.autoBaseUnitSteps"},{"name":"type","type":["String"],"default":"\"category\"","short_doc":[["para","The axis type."]],"doc":[["para","The axis type."],["header",{"level":4},["em","\"category\""]],["para","Discrete category axis."],["header",{"level":4},["em","\"date\""]],["para","Specialized axis for displaying chronological data."]],"orig":"categoryAxis.type"},{"name":"title","type":["Object"],"short_doc":[["para","The title of the category axis."]],"doc":[["para","The title of the category axis."]],"sub":[{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the title."]],"doc":[["para","The visibility of the title."]],"orig":"categoryAxis.title.visible"},{"name":"text","type":["String"],"short_doc":[["para","The text of the title."]],"doc":[["para","The text of the title."]],"orig":"categoryAxis.title.text"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the title."]],"doc":[["para","The rotation angle of the title."]],"orig":"categoryAxis.title.rotation"},{"name":"position","type":["String"],"default":"\"center\"","short_doc":[["para","The position of the title."]],"doc":[["para","The position of the title."],["header",{"level":4},["em","\"top\""]],["para","The axis title is positioned on the top (applicable to vertical axis)"],["header",{"level":4},["em","\"bottom\""]],["para","The axis title is positioned on the bottom (applicable to vertical axis)"],["header",{"level":4},["em","\"left\""]],["para","The axis title is positioned on the left (applicable to horizontal axis)"],["header",{"level":4},["em","\"right\""]],["para","The axis title is positioned on the right (applicable to horizontal axis)"],["header",{"level":4},["em","\"center\""]],["para","The axis title is positioned in the center"]],"orig":"categoryAxis.title.position"},{"name":"margin","type":["Number","Object"],"default":"5","short_doc":[["para","The margin of the title."]],"doc":[["para","The margin of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n categoryAxis: {\n title: {\n // sets the top, right, bottom and left margin to 3px.\n margin: 3\n }\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n categoryAxis: {\n title: {\n // sets the top and left margin to 1px\n // margin right and bottom are with 0px (by default)\n margin: { top: 1, left: 1 }\n }\n },\n ...\n});"]],"orig":"categoryAxis.title.margin"},{"name":"font","type":["String"],"default":"\"16px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the title."]],"doc":[["para","The font style of the title."]],"orig":"categoryAxis.title.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."]],"orig":"categoryAxis.title.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the title."]],"doc":[["para","The border of the title."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"categoryAxis.title.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"categoryAxis.title.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."]],"doc":[["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."]],"orig":"categoryAxis.title.border.color"}],"orig":"categoryAxis.title.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."]],"doc":[["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."]],"orig":"categoryAxis.title.background"}],"orig":"categoryAxis.title"},{"name":"select","type":["Object"],"short_doc":[["para","The selected axis range. If configured, axis selection will be enabled."],["para",["strong"," Available only for vertical axes "]],["para","The range units are:"]],"doc":[["para","The selected axis range. If configured, axis selection will be enabled."],["para",["strong"," Available only for vertical axes "]],["para","The range units are:"],["header",{"level":4},["em","Generic axis"]],["para","Category index (0-based)"],["header",{"level":4},["em","Date axis"]],["para","Date instance or date string (yyyy/MM/dd HH:mm:ss)"]],"sub":[{"name":"mousewheel","type":["Object"],"short_doc":[["para","Mousewheel zoom settings for the selection."]],"doc":[["para","Mousewheel zoom settings for the selection."]],"sub":[{"name":"zoom","type":["String"],"default":"\"both\"","short_doc":[["para","The zoom direction. Possible values:"]],"doc":[["para","The zoom direction. Possible values:"],["header",{"level":4},["em","\"both\""]],["para","Zooming expands and contracts the selection both sides."],["header",{"level":4},["em","\"left\""]],["para","Zooming expands and contracts the selection left side only."],["header",{"level":4},["em","\"right\""]],["para","Zooming expands and contracts the selection right side only."]],"orig":"categoryAxis.select.mousewheel.zoom"},{"name":"reverse","type":["Boolean"],"default":"true","short_doc":[["para","Reverses the mousewheel zoom direction.\nNormal direction is down for \"zoom out\", up for \"zoom in\"."]],"doc":[["para","Reverses the mousewheel zoom direction.\nNormal direction is down for \"zoom out\", up for \"zoom in\"."]],"orig":"categoryAxis.select.mousewheel.reverse"}],"orig":"categoryAxis.select.mousewheel"},{"name":"max","type":["Object"],"short_doc":[["para","The maximum value that is selectable by the user."],["para",["em","Note"],": The category with the specified index (date) is not included in the selected range\nunless the axis is justified. In order to select all categories specify\na value larger than the last category index (date)."]],"doc":[["para","The maximum value that is selectable by the user."],["para",["em","Note"],": The category with the specified index (date) is not included in the selected range\nunless the axis is justified. In order to select all categories specify\na value larger than the last category index (date)."]],"orig":"categoryAxis.select.max"},{"name":"min","type":["Object"],"short_doc":[["para","The minimum value that is selectable by the user."]],"doc":[["para","The minimum value that is selectable by the user."]],"orig":"categoryAxis.select.min"},{"name":"to","type":["Object"],"short_doc":[["para","The upper boundary of the selected range."],["para",["em","Note"],": The category with the specified index (date) is not included in the selected range\nunless the axis is justified. In order to select all categories specify\na value larger than the last category index (date)."]],"doc":[["para","The upper boundary of the selected range."],["para",["em","Note"],": The category with the specified index (date) is not included in the selected range\nunless the axis is justified. In order to select all categories specify\na value larger than the last category index (date)."]],"orig":"categoryAxis.select.to"},{"name":"from","type":["Object"],"short_doc":[["para","The lower boundary of the selected range."]],"doc":[["para","The lower boundary of the selected range."]],"orig":"categoryAxis.select.from"}],"orig":"categoryAxis.select"},{"name":"reverse","type":["Boolean"],"default":"false","short_doc":[["para","Reverses the axis direction -\ncategories are listed from right to left and from top to bottom."]],"doc":[["para","Reverses the axis direction -\ncategories are listed from right to left and from top to bottom."]],"orig":"categoryAxis.reverse"},{"name":"plotBands","type":["Array"],"short_doc":[["para","The plot bands of the category axis."]],"doc":[["para","The plot bands of the category axis."]],"sub":[{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the plot band."]],"doc":[["para","The opacity of the plot band."]],"orig":"categoryAxis.plotBands.opacity"},{"name":"color","type":["String"],"short_doc":[["para","The color of the plot band."]],"doc":[["para","The color of the plot band."]],"orig":"categoryAxis.plotBands.color"},{"name":"to","type":["Number"],"short_doc":[["para","The end position of the plot band in axis units."]],"doc":[["para","The end position of the plot band in axis units."]],"orig":"categoryAxis.plotBands.to"},{"name":"from","type":["Number"],"short_doc":[["para","The start position of the plot band in axis units."]],"doc":[["para","The start position of the plot band in axis units."]],"orig":"categoryAxis.plotBands.from"}],"orig":"categoryAxis.plotBands"},{"name":"pane","type":["String"],"short_doc":[["para","The name of the pane that the axis should be rendered in.\nThe axis will be rendered in the first (default) pane if not set."]],"doc":[["para","The name of the pane that the axis should be rendered in.\nThe axis will be rendered in the first (default) pane if not set."]],"orig":"categoryAxis.pane"},{"name":"name","type":["String"],"default":"\"primary\"","short_doc":[["para","The unique axis name."]],"doc":[["para","The unique axis name."]],"orig":"categoryAxis.name"},{"name":"minorTicks","type":["Object"],"short_doc":[["para","The minor ticks of the axis."]],"doc":[["para","The minor ticks of the axis."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the category axis minor ticks."]],"doc":[["para","The skip of the category axis minor ticks."]],"orig":"categoryAxis.minorTicks.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the category axis minor ticks."]],"doc":[["para","The step of the category axis minor ticks."]],"orig":"categoryAxis.minorTicks.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the minor ticks in pixels."]],"doc":[["para","The width of the minor ticks in pixels."]],"orig":"categoryAxis.minorTicks.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the category axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the category axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"orig":"categoryAxis.minorTicks.color"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","The visibility of the minor ticks."]],"doc":[["para","The visibility of the minor ticks."]],"orig":"categoryAxis.minorTicks.visible"},{"name":"size","type":["Number"],"default":"3","short_doc":[["para","The axis minor tick size. This is the length of the line in pixels that is drawn to indicate the tick\non the chart."]],"doc":[["para","The axis minor tick size. This is the length of the line in pixels that is drawn to indicate the tick\non the chart."]],"orig":"categoryAxis.minorTicks.size"}],"orig":"categoryAxis.minorTicks"},{"name":"minorGridLines","type":["Object"],"short_doc":[["para","Configures the minor grid lines. These are the lines that are an extension of the minor ticks through\nthe body of the chart."],["para","Note that minor grid lines are not visible by default, therefore none of these settings will take effect with the minor grid lines visibility being set to ",["strong","true"],"."]],"doc":[["para","Configures the minor grid lines. These are the lines that are an extension of the minor ticks through\nthe body of the chart."],["para","Note that minor grid lines are not visible by default, therefore none of these settings will take effect with the minor grid lines visibility being set to ",["strong","true"],"."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the category axis minor grid lines."]],"doc":[["para","The skip of the category axis minor grid lines."]],"orig":"categoryAxis.minorGridLines.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the category axis minor grid lines."]],"doc":[["para","The step of the category axis minor grid lines."]],"orig":"categoryAxis.minorGridLines.step"},{"name":"width","type":["Number"],"short_doc":[["para","The width of the lines."],["para","Note that this setting has no effect if the visibility of the minor\ngrid lines is not set to ",["strong","true"],"."]],"doc":[["para","The width of the lines."],["para","Note that this setting has no effect if the visibility of the minor\ngrid lines is not set to ",["strong","true"],"."]],"orig":"categoryAxis.minorGridLines.width"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","The visibility of the lines."]],"doc":[["para","The visibility of the lines."]],"orig":"categoryAxis.minorGridLines.visible"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the grid lines."]],"doc":[["para","The dash type of the grid lines."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"categoryAxis.minorGridLines.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the lines. Any valid CSS color string will work here, including hex and\nrgb."],["para","Note that this setting has no effect if the visibility of the minor\ngrid lines is not set to ",["strong","true"],"."]],"doc":[["para","The color of the lines. Any valid CSS color string will work here, including hex and\nrgb."],["para","Note that this setting has no effect if the visibility of the minor\ngrid lines is not set to ",["strong","true"],"."]],"orig":"categoryAxis.minorGridLines.color"}],"orig":"categoryAxis.minorGridLines"},{"name":"majorTicks","type":["Object"],"short_doc":[["para","The major ticks of the axis."]],"doc":[["para","The major ticks of the axis."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the category axis major ticks."]],"doc":[["para","The skip of the category axis major ticks."]],"orig":"categoryAxis.majorTicks.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the category axis major ticks."]],"doc":[["para","The step of the category axis major ticks."]],"orig":"categoryAxis.majorTicks.step"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the major ticks."]],"doc":[["para","The visibility of the major ticks."]],"orig":"categoryAxis.majorTicks.visible"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the major ticks in pixels."]],"doc":[["para","The width of the major ticks in pixels."]],"orig":"categoryAxis.majorTicks.width"},{"name":"size","type":["Number"],"default":"4","short_doc":[["para","The axis major tick size. This is the length of the line in pixels that is drawn to indicate the tick\non the chart."]],"doc":[["para","The axis major tick size. This is the length of the line in pixels that is drawn to indicate the tick\non the chart."]],"orig":"categoryAxis.majorTicks.size"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the category axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the category axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"orig":"categoryAxis.majorTicks.color"}],"orig":"categoryAxis.majorTicks"},{"name":"majorGridLines","type":["Object"],"short_doc":[["para","Configures the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."]],"doc":[["para","Configures the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the category axis major grid lines."]],"doc":[["para","The skip of the category axis major grid lines."]],"orig":"categoryAxis.majorGridLines.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the category axis major grid lines."]],"doc":[["para","The step of the category axis major grid lines."]],"orig":"categoryAxis.majorGridLines.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the lines."]],"doc":[["para","The width of the lines."]],"orig":"categoryAxis.majorGridLines.width"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","The visibility of the lines."]],"doc":[["para","The visibility of the lines."]],"orig":"categoryAxis.majorGridLines.visible"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the grid lines."]],"doc":[["para","The dash type of the grid lines."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"categoryAxis.majorGridLines.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the lines. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The color of the lines. Any valid CSS color string will work here, including hex and rgb."]],"orig":"categoryAxis.majorGridLines.color"}],"orig":"categoryAxis.majorGridLines"},{"name":"line","type":["Object"],"short_doc":[["para","Configures the axis line. This will also effect major and minor ticks, but not gridlines."]],"doc":[["para","Configures the axis line. This will also effect major and minor ticks, but not gridlines."]],"sub":[{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the line. This will also effect the major and minor ticks, but\nnot the grid lines."]],"doc":[["para","The width of the line. This will also effect the major and minor ticks, but\nnot the grid lines."]],"orig":"categoryAxis.line.width"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the lines."]],"doc":[["para","The visibility of the lines."]],"orig":"categoryAxis.line.visible"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the line."]],"doc":[["para","The dash type of the line."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"categoryAxis.line.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the lines. Any valid CSS color string will work here, including hex and rgb."],["para",["strong","Note:"]," This will also effect the major and minor ticks, but not the grid lines."]],"doc":[["para","The color of the lines. Any valid CSS color string will work here, including hex and rgb."],["para",["strong","Note:"]," This will also effect the major and minor ticks, but not the grid lines."]],"orig":"categoryAxis.line.color"}],"orig":"categoryAxis.line"},{"name":"labels","type":["Object"],"short_doc":[["para","Configures the axis labels."]],"doc":[["para","Configures the axis labels."]],"sub":[{"name":"dateFormats","type":["Object"],"short_doc":[["para","Date format strings"]],"doc":[["para","Date format strings"],["header",{"level":4},["em","\"hours\""]],["para","\"HH:mm\""],["header",{"level":4},["em","\"days\""]],["para","\"M/d\""],["header",{"level":4},["em","\"weeks\""]],["para","\"M/d\""],["header",{"level":4},["em","\"months\""]],["para","\"MMM 'yy\""],["header",{"level":4},["em","\"years\""]],["para","\"yyyy\""],["para","The Chart will choose the appropriate format for the current ",["inlinecode","baseUnit"],".\nSetting the labels ",["strong","format"]," option will override these defaults."]],"orig":"categoryAxis.labels.dateFormats"},{"name":"culture","type":["String"],"short_doc":[["para","Culture to use for formatting the dates. See ",["link",{"href":"/getting-started/framework/globalization/overview"},"Globalization"]," for more information.\nIt defaults to the global culture."]],"doc":[["para","Culture to use for formatting the dates. See ",["link",{"href":"/getting-started/framework/globalization/overview"},"Globalization"]," for more information.\nIt defaults to the global culture."]],"orig":"categoryAxis.labels.culture"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the labels."]],"doc":[["para","The visibility of the labels."]],"orig":"categoryAxis.labels.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the value"]]],"doc":[["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the value"]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [{\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003],\n labels: {\n // labels template\n template: \"Year: #= value #\"\n }\n }\n});"]],"orig":"categoryAxis.labels.template"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","Label rendering step.\nEvery n-th label is rendered where n is the step"]],"doc":[["para","Label rendering step.\nEvery n-th label is rendered where n is the step"]],"orig":"categoryAxis.labels.step"},{"name":"skip","type":["Number"],"default":"1","short_doc":[["para","Number of labels to skip.\nSkips rendering the first n labels."]],"doc":[["para","Number of labels to skip.\nSkips rendering the first n labels."]],"orig":"categoryAxis.labels.skip"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the labels."]],"doc":[["para","The rotation angle of the labels."]],"orig":"categoryAxis.labels.rotation"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para","The padding of the labels."]],"doc":[["para","The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"]],"orig":"categoryAxis.labels.padding"},{"name":"mirror","type":["Boolean"],"short_doc":[["para","Mirrors the axis labels and ticks.\nIf the labels are normally on the left side of the axis,\nmirroring the axis will render them to the right."]],"doc":[["para","Mirrors the axis labels and ticks.\nIf the labels are normally on the left side of the axis,\nmirroring the axis will render them to the right."]],"orig":"categoryAxis.labels.mirror"},{"name":"margin","type":["Number","Object"],"default":"0","short_doc":[["para","The margin of the labels."]],"doc":[["para","The margin of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 0px (by default)\nmargin: { top: 1, left: 1 }"]],"orig":"categoryAxis.labels.margin"},{"name":"format","type":["String"],"short_doc":[["para","The format of the labels."]],"doc":[["para","The format of the labels."]],"orig":"categoryAxis.labels.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the labels."]],"doc":[["para","The font style of the labels."]],"orig":"categoryAxis.labels.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the labels. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The text color of the labels. Any valid CSS color string will work here, including hex and rgb."]],"orig":"categoryAxis.labels.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the labels."]],"doc":[["para","The border of the labels."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"categoryAxis.labels.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"categoryAxis.labels.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The color of the border. Any valid CSS color string will work here, including hex and rgb."]],"orig":"categoryAxis.labels.border.color"}],"orig":"categoryAxis.labels.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the labels. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The background color of the labels. Any valid CSS color string will work here, including hex and rgb."]],"orig":"categoryAxis.labels.background"}],"orig":"categoryAxis.labels"},{"name":"justified","type":["Boolean"],"default":"false","short_doc":[["para","Positions categories and series points on major ticks. This removes the empty space before and after the series."],["para","This option is ignored if either column, ohlc or candlestick series are plotted on the axis."]],"doc":[["para","Positions categories and series points on major ticks. This removes the empty space before and after the series."],["para","This option is ignored if either column, ohlc or candlestick series are plotted on the axis."]],"orig":"categoryAxis.justified"},{"name":"field","type":["String"],"short_doc":[["para","The data field containing the category name."]],"doc":[["para","The data field containing the category name."],["header",{"level":4},"Example"],["code_block","// assuming the following data...\nvar data = [ { sales: 200, year: 2005 }, { sales: 300, year: 2006 }, { sales: 400, year: 2007 }];\n// specify the \"year\" as the field for the category axis\n$(\"#chart\").kendoChart({\n dataSource: {\n data: data\n },\n categoryAxis: {\n field: \"year\"\n },\n ...\n});"]],"orig":"categoryAxis.field"},{"name":"color","type":["String"],"short_doc":[["para","Color to apply to all axis elements. Any valid CSS color string will work here, including hex and rgb.\nIndividual color settings for line and labels take priority."]],"doc":[["para","Color to apply to all axis elements. Any valid CSS color string will work here, including hex and rgb.\nIndividual color settings for line and labels take priority."]],"orig":"categoryAxis.color"},{"name":"categories","type":["Array"],"short_doc":[["para","Array of category names."]],"doc":[["para","Array of category names."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n categoryAxis: {\n categories: [ 2005, 2006, 2007, 2008, 2009 ]\n },\n ...\n});"]],"orig":"categoryAxis.categories"},{"name":"axisCrossingValue","type":["Object","Date","Array"],"short_doc":[["para","Category index at which the first value axis crosses this axis. (Only for object)"],["para","Category indicies at which the value axes cross the category axis. (Only for array)"],["para",["strong","Note:"]," Specify an index greater than or equal to the number\nof categories to denote the far end of the axis."]],"doc":[["para","Category index at which the first value axis crosses this axis. (Only for object)"],["para","Category indicies at which the value axes cross the category axis. (Only for array)"],["para",["strong","Note:"]," Specify an index greater than or equal to the number\nof categories to denote the far end of the axis."],["header",{"level":4},"Example"],["code_block","\n$(\"#chart\").kendoChart({\n categoryAxis: {\n categories: [\"A\", \"B\"],\n axisCrossingValue: [0, 100]\n },\n valueAxis: [{ }, { name: \"secondary\" }]\n ...\n})\n
"]],"orig":"categoryAxis.axisCrossingValue"}]},{"name":"chartArea","type":["Object"],"short_doc":[["para","The chart area configuration options.\nThis is the entire visible area of the chart."]],"doc":[["para","The chart area configuration options.\nThis is the entire visible area of the chart."]],"sub":[{"name":"width","type":["Number"],"default":"600","short_doc":[["para"," The width of the chart area."]],"doc":[["para"," The width of the chart area."]],"orig":"chartArea.width"},{"name":"margin","type":["Number","Object"],"default":"5","short_doc":[["para","The margin of the chart area."]],"doc":[["para","The margin of the chart area."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 5px (by default)\nmargin: { top: 1, left: 1 }"]],"orig":"chartArea.margin"},{"name":"height","type":["Number"],"default":"400","short_doc":[["para","The height of the chart area."]],"doc":[["para","The height of the chart area."]],"orig":"chartArea.height"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the chart area."]],"doc":[["para","The border of the chart area."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"chartArea.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"chartArea.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"chartArea.border.color"}],"orig":"chartArea.border"},{"name":"opacity","type":["Number"],"default":"1","short_doc":[["para","The background opacity of the chart area."]],"doc":[["para","The background opacity of the chart area."]],"orig":"chartArea.opacity"},{"name":"background","type":["String"],"default":"\"white\"","short_doc":[["para","The background color of the chart area."]],"doc":[["para","The background color of the chart area."]],"orig":"chartArea.background"}]},{"name":"dataSource","type":["Object"],"short_doc":[["para","DataSource configuration or instance."]],"doc":[["para","DataSource configuration or instance."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n dataSource: {\n transport: {\n read: \"spain-electricity.json\"\n }\n },\n series: [{\n field: \"value\"\n }],\n categoryAxis: {\n field: \"year\"\n }\n});\n\n// Alternative configuration\nvar dataSource = new kendo.data.DataSource({\n transport: {\n read: \"spain-electricity.json\"\n }\n});\n\n$(\"#chart\").kendoChart({\n dataSource: dataSource,\n series: [{\n field: \"value\"\n }],\n categoryAxis: {\n field: \"year\"\n }\n});"]]},{"name":"autoBind","type":["Boolean"],"default":"true","short_doc":[["para","Indicates whether the chart will call read on the data source initially."]],"doc":[["para","Indicates whether the chart will call read on the data source initially."],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n dataSource: chartDataSource,\n chartBind: false\n});\n\n// ...\nnaviDataSource.read();"]]},{"name":"legend","type":["Object"],"short_doc":[["para","The chart legend configuration options."]],"doc":[["para","The chart legend configuration options."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // set the background color to a dark blue\n background: \"#336699\",\n labels: {\n // set the font to a size of 14px\n font: \"14px Arial,Helvetica,sans-serif\",\n // set the color to red\n color: \"red\"\n },\n // move the legend to the left\n position: \"left\",\n // move the legend a bit closer to the chart by setting the x offset to 20\n offsetX: 20,\n // move the legend up to the top by setting the y offset to -100\n offsetY: -100,\n }\n});"]],"sub":[{"name":"inactiveItems","type":["Object"],"short_doc":[["para","Configures the legend inactive items."]],"doc":[["para","Configures the legend inactive items."]],"sub":[{"name":"markers","type":["Object"],"short_doc":[["para","Configures the legend markers."]],"doc":[["para","Configures the legend markers."]],"sub":[{"name":"color","type":["String"],"short_doc":[["para","The color of the markers.\nAny valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The color of the markers.\nAny valid CSS color string will work here, including hex and rgb."]],"orig":"legend.inactiveItems.markers.color"}],"orig":"legend.inactiveItems.markers"},{"name":"labels","type":["Object"],"short_doc":[["para","Configures the legend labels."]],"doc":[["para","Configures the legend labels."]],"sub":[{"name":"template","type":["String"],"short_doc":[["para","The template of the labels.\nTemplate variables:"],["bulletlist",["listitem",["strong","text"]," - the text the legend item."],["listitem",["strong","series"]," - the data series."],["listitem",["strong","value"]," - the point value. (only for donut and pie charts)"],["listitem",["strong","percentage"]," - the point value represented as a percentage value. (only for donut and pie charts)"],["listitem",["strong","dataItem"]," - the original data item used to construct the point. (only for donut and pie charts)"]]],"doc":[["para","The template of the labels.\nTemplate variables:"],["bulletlist",["listitem",["strong","text"]," - the text the legend item."],["listitem",["strong","series"]," - the data series."],["listitem",["strong","value"]," - the point value. (only for donut and pie charts)"],["listitem",["strong","percentage"]," - the point value represented as a percentage value. (only for donut and pie charts)"],["listitem",["strong","dataItem"]," - the original data item used to construct the point. (only for donut and pie charts)"]]],"orig":"legend.inactiveItems.labels.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the labels."]],"doc":[["para","The font style of the labels."]],"orig":"legend.inactiveItems.labels.font"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the labels.\nAny valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The color of the labels.\nAny valid CSS color string will work here, including hex and rgb."]],"orig":"legend.inactiveItems.labels.color"}],"orig":"legend.inactiveItems.labels"}],"orig":"legend.inactiveItems"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para"," The visibility of the legend."]],"doc":[["para"," The visibility of the legend."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // show the legend\n visible: true\n },\n ...\n});"]],"orig":"legend.visible"},{"name":"position","type":["String"],"default":"\"right\"","short_doc":[["para"," The positions of the legend."]],"doc":[["para"," The positions of the legend."],["header",{"level":4},["em","\"top\""]],["para","The legend is positioned on the top."],["header",{"level":4},["em","\"bottom\""]],["para","The legend is positioned on the bottom."],["header",{"level":4},["em","\"left\""]],["para","The legend is positioned on the left."],["header",{"level":4},["em","\"right\""]],["para","The legend is positioned on the right."],["header",{"level":4},["em","\"custom\""]],["para","The legend is positioned using OffsetX and OffsetY."]],"orig":"legend.position"},{"name":"padding","type":["Number","Object"],"default":"5","short_doc":[["para"," The padding of the legend."]],"doc":[["para"," The padding of the legend."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\n$(\"#chart\").kendoChart({\n legend: {\n // sets the top, right, bottom and left padding to 3px.\n padding: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n legend: {\n // sets the top and left padding to 1px\n // padding right and bottom are with 5px (by default)\n padding: { top: 1, left: 1 }\n },\n ...\n});"]],"orig":"legend.padding"},{"name":"offsetY","type":["Number"],"default":"0","short_doc":[["para"," The Y offset from its position. The offset is relative to the current position of the legend.\nFor instance, a value of 20 will move the legend 20 pixels down from it's initial position. A negative value will move the legend\nupwards from the current position."]],"doc":[["para"," The Y offset from its position. The offset is relative to the current position of the legend.\nFor instance, a value of 20 will move the legend 20 pixels down from it's initial position. A negative value will move the legend\nupwards from the current position."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // move the legend up 100 pixels\n offsetY: -100\n },\n ...\n});"]],"orig":"legend.offsetY"},{"name":"offsetX","type":["Number"],"default":"0","short_doc":[["para"," The X offset from its position. The offset is relative to the current position of the legend.\nFor instance, a value of 20 will move the legend 20 pixels to the right of it's initial position. A negative value will move the legend\nto the left of the current position."]],"doc":[["para"," The X offset from its position. The offset is relative to the current position of the legend.\nFor instance, a value of 20 will move the legend 20 pixels to the right of it's initial position. A negative value will move the legend\nto the left of the current position."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // move the legend to the left side of the chart\n offsetX: 20\n },\n ...\n});"]],"orig":"legend.offsetX"},{"name":"margin","type":["Number","Object"],"default":"10","short_doc":[["para"," The margin of the legend."]],"doc":[["para"," The margin of the legend."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // sets the top, right, bottom and left margin to 3px.\n margin: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n legend: {\n // sets the top and left margin to 1px\n // margin right and bottom are with 10px (by default)\n margin: { top: 1, left: 1 }\n },\n ...\n});"]],"orig":"legend.margin"},{"name":"labels","type":["Object"],"short_doc":[["para","Configures the legend labels."]],"doc":[["para","Configures the legend labels."]],"sub":[{"name":"template","type":["String"],"short_doc":[["para","The template of the labels.\nTemplate variables:\n",["em"," ",["strong","text"]," - the text the legend item.\n"]," ",["strong","series"]," - the data series."]],"doc":[["para","The template of the labels.\nTemplate variables:\n",["em"," ",["strong","text"]," - the text the legend item.\n"]," ",["strong","series"]," - the data series."]],"orig":"legend.labels.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the labels."]],"doc":[["para","The font style of the labels."]],"orig":"legend.labels.font"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the labels.\nAny valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The color of the labels.\nAny valid CSS color string will work here, including hex and rgb."]],"orig":"legend.labels.color"}],"orig":"legend.labels"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the legend."]],"doc":[["para","The border of the legend."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n border: {\n // set the border width to 2 pixels\n width: 2,\n // set the color to grey\n color: \"grey\",\n // set the dash type to solid. this is the default so we could leave this line out.\n dashType: \"solid\"\n }\n },\n ...\n});"]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"legend.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para"," The dash type of the border."]],"doc":[["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":4},"Example"]],"orig":"legend.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"legend.border.color"}],"orig":"legend.border"},{"name":"background","type":["String"],"default":"\"white\"","short_doc":[["para"," The background color of the legend. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para"," The background color of the legend. Any valid CSS color string will work here, including hex and rgb."]],"orig":"legend.background"}]},{"name":"panes","type":["Array"],"short_doc":[["para","The chart panes configuration."],["para","Panes are used to split the chart in two or more parts. The panes are ordered from top to bottom."],["para","Each axis can be associated with a pane by setting its ",["inlinecode","pane"]," option to the name of the desired pane.\nAxis that don't have specified pane are placed in the top (default) pane."],["para","Series are moved to the desired pane by associating them with an axis."]],"doc":[["para","The chart panes configuration."],["para","Panes are used to split the chart in two or more parts. The panes are ordered from top to bottom."],["para","Each axis can be associated with a pane by setting its ",["inlinecode","pane"]," option to the name of the desired pane.\nAxis that don't have specified pane are placed in the top (default) pane."],["para","Series are moved to the desired pane by associating them with an axis."]],"sub":[{"name":"title","type":["String","Object"],"short_doc":[["para","The pane title text or configuration."]],"doc":[["para","The pane title text or configuration."]],"sub":[{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the title."]],"doc":[["para","The visibility of the title."]],"orig":"panes.title.visible"},{"name":"text","type":["String"],"short_doc":[["para","The text of the title."]],"doc":[["para","The text of the title."]],"orig":"panes.title.text"},{"name":"position","type":["String"],"default":"\"center\"","short_doc":[["para","The position of the title."]],"doc":[["para","The position of the title."],["header",{"level":4},["em","\"left\""]],["para","The pane title is positioned on the left"],["header",{"level":4},["em","\"right\""]],["para","The pane title is positioned on the right"],["header",{"level":4},["em","\"center\""]],["para","The pane title is positioned in the center"]],"orig":"panes.title.position"},{"name":"margin","type":["Number","Object"],"default":"5","short_doc":[["para","The margin of the title."]],"doc":[["para","The margin of the title."]],"orig":"panes.title.margin"},{"name":"font","type":["String"],"default":"\"16px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the title."]],"doc":[["para","The font style of the title."]],"orig":"panes.title.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."]],"orig":"panes.title.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the title."]],"doc":[["para","The border of the title."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"panes.title.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"panes.title.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."]],"doc":[["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."]],"orig":"panes.title.border.color"}],"orig":"panes.title.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."]],"doc":[["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."]],"orig":"panes.title.background"}],"orig":"panes.title"},{"name":"height","type":["Number"],"short_doc":[["para","The pane height in pixels."]],"doc":[["para","The pane height in pixels."]],"orig":"panes.height"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the pane."]],"doc":[["para","The border of the pane."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"panes.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"panes.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"panes.border.color"}],"orig":"panes.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the pane."]],"doc":[["para","The background color of the pane."]],"orig":"panes.background"},{"name":"padding","type":["Number","Object"],"short_doc":[["para","The padding of the pane."]],"doc":[["para","The padding of the pane."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\npadding: { top: 1, left: 1 }"]],"orig":"panes.padding"},{"name":"margin","type":["Number","Object"],"short_doc":[["para","The margin of the pane."]],"doc":[["para","The margin of the pane."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\nmargin: { top: 1, left: 1 }"]],"orig":"panes.margin"},{"name":"name","type":["String"],"short_doc":[["para","The unique pane name."]],"doc":[["para","The unique pane name."]],"orig":"panes.name"}]},{"name":"plotArea","type":["Object"],"short_doc":[["para","The plot area configuration options. This is the area containing the plotted series."]],"doc":[["para","The plot area configuration options. This is the area containing the plotted series."]],"sub":[{"name":"margin","type":["Number","Object"],"default":"5","short_doc":[["para"," The margin of the plot area."]],"doc":[["para"," The margin of the plot area."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 5px (by default)\nmargin: { top: 1, left: 1 }"]],"orig":"plotArea.margin"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the plot area."]],"doc":[["para","The border of the plot area."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"plotArea.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para"," The dash type of the border."]],"doc":[["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"plotArea.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"plotArea.border.color"}],"orig":"plotArea.border"},{"name":"opacity","type":["Number"],"default":"1","short_doc":[["para"," The background opacity of the plot area."]],"doc":[["para"," The background opacity of the plot area."]],"orig":"plotArea.opacity"},{"name":"background","type":["String"],"default":"\"white\"","short_doc":[["para"," The background color of the plot area."]],"doc":[["para"," The background color of the plot area."]],"orig":"plotArea.background"}]},{"name":"renderAs","type":["String"],"short_doc":[["para","Sets the preferred rendering engine.\nIf it is not supported by the browser, the Chart will switch to the first available mode."],["para","The supported values are:"],["bulletlist",["listitem","\"svg\" - renders the widget as inline SVG document, if available"],["listitem","\"vml\" - renders the widget as VML, if available"],["listitem","\"canvas\" - renders the widget as a Canvas element, if available."]],["blockquote",["para","Using Canvas rendering disables most interactive features."]]],"doc":[["para","Sets the preferred rendering engine.\nIf it is not supported by the browser, the Chart will switch to the first available mode."],["para","The supported values are:"],["bulletlist",["listitem","\"svg\" - renders the widget as inline SVG document, if available"],["listitem","\"vml\" - renders the widget as VML, if available"],["listitem","\"canvas\" - renders the widget as a Canvas element, if available."]],["blockquote",["para","Using Canvas rendering disables most interactive features."]]]},{"name":"Example - Render as Canvas, if supported","type":[],"short_doc":[["code_block","\n"]],"doc":[["code_block","\n"]]},{"name":"series","type":["Array"],"short_doc":[["para","Array of series definitions."],["para","The series type is determined by the value of the type field.\nIf a type value is missing, the type is assumed to be the one specified in seriesDefaults."],["para","Each series type has a different set of options."],["blockquote",["para",["strong","Info:"]," Some options accept function as argument. They will be evaluated for each point (supplied as parameter). The theme/seriesDefaults value will be used if no value is returned."]]],"doc":[["para","Array of series definitions."],["para","The series type is determined by the value of the type field.\nIf a type value is missing, the type is assumed to be the one specified in seriesDefaults."],["para","Each series type has a different set of options."],["blockquote",["para",["strong","Info:"]," Some options accept function as argument. They will be evaluated for each point (supplied as parameter). The theme/seriesDefaults value will be used if no value is returned."]]],"sub":[{"name":"notes","type":["Object"],"short_doc":[["para","The series notes configuration."]],"doc":[["para","The series notes configuration."]],"sub":[{"name":"line","type":["Object"],"short_doc":[["para","The line of the notes."]],"doc":[["para","The line of the notes."]],"sub":[{"name":"length","type":["Number"],"short_doc":[["para","The length of the connecting lines in pixels."]],"doc":[["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the series notes color width"],["code_block","\n"]],"orig":"series.notes.line.length"},{"name":"color","type":["String"],"short_doc":[["para","The line color of the notes."]],"doc":[["para","The line color of the notes."],["header",{"level":4},"Example - set the series notes color width"],["code_block","\n"]],"orig":"series.notes.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The line width of the notes."]],"doc":[["para","The line width of the notes."],["header",{"level":4},"Example - set the value axis notes line width"],["code_block","\n"]],"orig":"series.notes.line.width"}],"orig":"series.notes.line"},{"name":"label","type":["Object"],"short_doc":[["para","The label of the notes."]],"doc":[["para","The label of the notes."]],"sub":[{"name":"position","type":["String"],"default":"\"inside\"","short_doc":[["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"doc":[["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"orig":"series.notes.label.position"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."]],"doc":[["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."],["header",{"level":4},"Example - set the series notes label format"],["code_block","\n"]],"orig":"series.notes.label.format"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"doc":[["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the series notes label"],["code_block","\n"]],"orig":"series.notes.label.rotation"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the series notes label. By default the series notes label are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the series notes label. By default the series notes label are visible."],["header",{"level":4},"Example - hide the series notes label"],["code_block","\n"]],"orig":"series.notes.label.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the point value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the point value"]],["header",{"level":4},"Example - set the series notes label template as a string"],["code_block","\n"]],"orig":"series.notes.label.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the label."]],"doc":[["para","The font style of the label."],["header",{"level":4},"Example - set the chart series notes label font"],["code_block","\n"]],"orig":"series.notes.label.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the series label color as a hex string"],["code_block","\n"]],"orig":"series.notes.label.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the label."]],"doc":[["para","The border of the label."],["header",{"level":4},"Example - set the series label border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the series label border width"],["code_block","\n"]],"orig":"series.notes.label.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the series label border dash type"],["code_block","\n"]],"orig":"series.notes.label.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the series label border color"],["code_block","\n"]],"orig":"series.notes.label.border.color"}],"orig":"series.notes.label.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the series label background"],["code_block","\n"]],"orig":"series.notes.label.background"}],"orig":"series.notes.label"},{"name":"position","type":["String"],"short_doc":[["para","The position of the series note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"doc":[["para","The position of the series note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"orig":"series.notes.position"},{"name":"icon","type":["Object"],"short_doc":[["para","The icon of the notes."]],"doc":[["para","The icon of the notes."]],"sub":[{"name":"visible","type":["Boolean"],"default":"\"true\"","short_doc":[["para","The icon visibility."]],"doc":[["para","The icon visibility."],["header",{"level":4},"Example - set the series notes icon visibility"],["code_block","\n"]],"orig":"series.notes.icon.visible"},{"name":"type","type":["String"],"default":"\"circle\"","short_doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the series notes icon shape"],["code_block","\n"]],"orig":"series.notes.icon.type"},{"name":"size","type":["Number"],"short_doc":[["para","The size of the icon."]],"doc":[["para","The size of the icon."],["header",{"level":4},"Example - set the series notes icon size"],["code_block","\n"]],"orig":"series.notes.icon.size"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the icon."]],"doc":[["para","The border of the icon."],["header",{"level":4},"Example - set the series notes icon border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"short_doc":[["para","The border width of the icon."]],"doc":[["para","The border width of the icon."],["header",{"level":4},"Example - set the series notes icon border width"],["para"," \n "]],"orig":"series.notes.icon.border.width"},{"name":"color","type":["String"],"short_doc":[["para","The border color of the icon."]],"doc":[["para","The border color of the icon."],["header",{"level":4},"Example - set the series notes icon border color"],["code_block","\n"]],"orig":"series.notes.icon.border.color"}],"orig":"series.notes.icon.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the notes icon."]],"doc":[["para","The background color of the notes icon."],["header",{"level":4},"Example - set the series notes icon background"],["code_block","\n"]],"orig":"series.notes.icon.background"}],"orig":"series.notes.icon"}],"orig":"series.notes"},{"name":"target","type":["Object"],"short_doc":[["para","The target of the bullet chart."]],"doc":[["para","The target of the bullet chart."]],"sub":[{"name":"border","type":["Object","Function"],"short_doc":[["para","The border of the target."]],"doc":[["para","The border of the target."]],"sub":[{"name":"width","type":["Number","Function"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"series.target.border.width"},{"name":"dashType","type":["String","Function"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"series.target.border.dashType"},{"name":"color","type":["String","Function"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"series.target.border.color"}],"orig":"series.target.border"},{"name":"color","type":["String","Function"],"short_doc":[["para","The target color."]],"doc":[["para","The target color."]],"orig":"series.target.color"},{"name":"line","type":["Object"],"short_doc":[["para","The target line."]],"doc":[["para","The target line."]],"sub":[{"name":"width","type":["Object","Function"],"short_doc":[["para","The width of the line."]],"doc":[["para","The width of the line."]],"orig":"series.target.line.width"}],"orig":"series.target.line"}],"orig":"series.target"},{"name":"width","type":["Number"],"short_doc":[["para","The line width."],["para",["strong"," Applicable for area and line series. "]]],"doc":[["para","The line width."],["para",["strong"," Applicable for area and line series. "]]],"orig":"series.width"},{"name":"visibleInLegend","type":["Boolean"],"default":"true","short_doc":[["para","A value indicating whether to show the series name in the legend."]],"doc":[["para","A value indicating whether to show the series name in the legend."]],"orig":"series.visibleInLegend"},{"name":"tooltip","type":["Object"],"short_doc":[["para","The data point tooltip configuration options."]],"doc":[["para","The data point tooltip configuration options."]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","A value indicating if the tooltip should be displayed."]],"doc":[["para","A value indicating if the tooltip should be displayed."]],"orig":"series.tooltip.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]]],"doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125],\n tooltip: {\n visible: true,\n template: \"#= category # - #= value #\"\n }\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"]],"orig":"series.tooltip.template"},{"name":"padding","type":["Number","Object"],"short_doc":[["para","The padding of the tooltip."]],"doc":[["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"]],"orig":"series.tooltip.padding"},{"name":"format","type":["String"],"short_doc":[["para","The tooltip format. Format variables depend on the series type:"],["bulletlist",["listitem","Area, column, line and pie",["bulletlist",["listitem",["strong","0"]," - value"]]],["listitem","Candlestick and OHLC",["bulletlist",["listitem",["strong","0"]," - open value"],["listitem",["strong","1"]," - high value"],["listitem",["strong","2"]," - low value"],["listitem",["strong","3"]," - close value"],["listitem",["strong","4"]," - category name"]]]]],"doc":[["para","The tooltip format. Format variables depend on the series type:"],["bulletlist",["listitem","Area, column, line and pie",["bulletlist",["listitem",["strong","0"]," - value"]]],["listitem","Candlestick and OHLC",["bulletlist",["listitem",["strong","0"]," - open value"],["listitem",["strong","1"]," - high value"],["listitem",["strong","2"]," - low value"],["listitem",["strong","3"]," - close value"],["listitem",["strong","4"]," - category name"]]]],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"{0:C}--{1:C}\""]],"orig":"series.tooltip.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The tooltip font."]],"doc":[["para","The tooltip font."]],"orig":"series.tooltip.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the tooltip. The default is the same as the series labels color."]],"doc":[["para","The text color of the tooltip. The default is the same as the series labels color."]],"orig":"series.tooltip.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border configuration options."]],"doc":[["para","The border configuration options."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"series.tooltip.border.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"series.tooltip.border.color"}],"orig":"series.tooltip.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the tooltip. The default is determined from the series color."]],"doc":[["para","The background color of the tooltip. The default is determined from the series color."]],"orig":"series.tooltip.background"}],"orig":"series.tooltip"},{"name":"stack","type":["Boolean","String"],"default":"false","short_doc":[["para","A value indicating if the series should be stacked. String value indicates that the series should be stacked in a group with the specified name.\nAvailable for column series."]],"doc":[["para","A value indicating if the series should be stacked. String value indicates that the series should be stacked in a group with the specified name.\nAvailable for column series."]],"orig":"series.stack"},{"name":"spacing","type":["Number"],"default":"0.4","short_doc":[["para","Space between points as proportion of the point width."],["para","Available for column, candlestick and ohlc series."]],"doc":[["para","Space between points as proportion of the point width."],["para","Available for column, candlestick and ohlc series."]],"orig":"series.spacing"},{"name":"overlay","type":["Object"],"short_doc":[["para","The effects overlay."]],"doc":[["para","The effects overlay."]],"sub":[{"name":"gradient","type":["String"],"short_doc":[["para","The gradient name."],["para","Available options:"],["bulletlist",["listitem",["strong","glass"]," (column and candlestick series)"],["listitem",["strong","none"]]]],"doc":[["para","The gradient name."],["para","Available options:"],["bulletlist",["listitem",["strong","glass"]," (column and candlestick series)"],["listitem",["strong","none"]]]],"orig":"series.overlay.gradient"}],"orig":"series.overlay"},{"name":"openField","type":["String"],"short_doc":[["para","The data field containing the open value."],["para",["strong"," Available for candlestick and ohlc series "]]],"doc":[["para","The data field containing the open value."],["para",["strong"," Available for candlestick and ohlc series "]]],"orig":"series.openField"},{"name":"opacity","type":["Number"],"short_doc":[["para","The series opacity."]],"doc":[["para","The series opacity."]],"orig":"series.opacity"},{"name":"negativeColor","type":["String"],"short_doc":[["para","Color to use for bars with negative values."],["para",["strong"," Applicable only to column series. "]],["para","The plot stops before the missing point and continues after it."]],"doc":[["para","Color to use for bars with negative values."],["para",["strong"," Applicable only to column series. "]],["para","The plot stops before the missing point and continues after it."]],"orig":"series.negativeColor"},{"name":"style","type":["String"],"default":"\"normal\"","short_doc":[["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line at right."],["listitem","\"smooth\" - The values will be connected with a smooth line."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"line\"."]]],"doc":[["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line at right."],["listitem","\"smooth\" - The values will be connected with a smooth line."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"line\"."]]],"orig":"series.style"},{"name":"missingValues","type":["String"],"short_doc":[["para","The behavior for handling missing values. The supported values are:"],["bulletlist",["listitem","\"gap\" - the plot stops before the missing point and continues after it."],["listitem","\"interpolate\" - the value is interpolated from neighboring points."],["listitem","\"zero\" - the value is assumed to be zero."]],["blockquote",["para","The default value is \"interpolate\", except for \"area\" and stacked series which default to \"zero\"."],["para","The ",["inlinecode","missingValues"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\" and \"line\"."]]],"doc":[["para","The behavior for handling missing values. The supported values are:"],["bulletlist",["listitem","\"gap\" - the plot stops before the missing point and continues after it."],["listitem","\"interpolate\" - the value is interpolated from neighboring points."],["listitem","\"zero\" - the value is assumed to be zero."]],["blockquote",["para","The default value is \"interpolate\", except for \"area\" and stacked series which default to \"zero\"."],["para","The ",["inlinecode","missingValues"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\" and \"line\"."]]],"orig":"series.missingValues"},{"name":"markers","type":["Object"],"short_doc":[["para","Marker options."],["para",["strong"," Applicable for area and line series. "]]],"doc":[["para","Marker options."],["para",["strong"," Applicable for area and line series. "]]],"sub":[{"name":"visible","type":["Boolean","Function"],"default":"false","short_doc":[["para","The markers visibility."]],"doc":[["para","The markers visibility."]],"orig":"series.markers.visible"},{"name":"type","type":["String","Function"],"default":"\"circle\"","short_doc":[["para","Configures the markers shape type."]],"doc":[["para","Configures the markers shape type."],["header",{"level":4},["em","\"square\""]],["para","The marker shape is square."],["header",{"level":4},["em","\"triangle\""]],["para","The marker shape is triangle."],["header",{"level":4},["em","\"circle\""]],["para","The marker shape is circle."],["header",{"level":4},["em","\"cross\""]],["para","The marker shape is cross."]],"orig":"series.markers.type"},{"name":"rotation","type":["Number","Function"],"short_doc":[["para","The rotation angle of the markers."]],"doc":[["para","The rotation angle of the markers."],["header",{"level":4},"Example"],["code_block","\n"]],"orig":"series.markers.rotation"},{"name":"size","type":["Number","Function"],"default":"6","short_doc":[["para"," The marker size."]],"doc":[["para"," The marker size."]],"orig":"series.markers.size"},{"name":"border","type":["Object","Function"],"short_doc":[["para","The border of the markers."]],"doc":[["para","The border of the markers."]],"sub":[{"name":"width","type":["Number","Function"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"series.markers.border.width"},{"name":"color","type":["String","Function"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"series.markers.border.color"}],"orig":"series.markers.border"},{"name":"background","type":["String","Function"],"short_doc":[["para","The background color of the current series markers."]],"doc":[["para","The background color of the current series markers."]],"orig":"series.markers.background"}],"orig":"series.markers"},{"name":"lowField","type":["String"],"short_doc":[["para","The data field containing the low value."],["para",["strong"," Available for candlestick and ohlc series "]]],"doc":[["para","The data field containing the low value."],["para",["strong"," Available for candlestick and ohlc series "]]],"orig":"series.lowField"},{"name":"line","type":["String","Object"],"short_doc":[["para","Line options."],["para",["strong"," Applicable to area, candlestick and ohlc series. "]]],"doc":[["para","Line options."],["para",["strong"," Applicable to area, candlestick and ohlc series. "]]],"sub":[{"name":"style","type":["String"],"default":"\"normal\"","short_doc":[["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line with right angle."],["listitem","\"smooth\" - The values will be connected with a smooth line."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\"."]]],"doc":[["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line with right angle."],["listitem","\"smooth\" - The values will be connected with a smooth line."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\"."]]],"orig":"series.line.style"},{"name":"width","type":["String"],"default":"4","short_doc":[["para","The line width."]],"doc":[["para","The line width."]],"orig":"series.line.width"},{"name":"opacity","type":["Number"],"default":"1","short_doc":[["para","The line opacity."]],"doc":[["para","The line opacity."]],"orig":"series.line.opacity"},{"name":"color","type":["String"],"short_doc":[["para","The line color."]],"doc":[["para","The line color."]],"orig":"series.line.color"}],"orig":"series.line"},{"name":"labels","type":["Object"],"short_doc":[["para","Configures the series data labels."]],"doc":[["para","Configures the series data labels."],["header",{"level":4},["em","\"circle\""]],["para","The labels are positioned in circle around the chart."],["header",{"level":4},["em","\"column\""]],["para","The labels are positioned in columns to the left and right of the chart."]],"sub":[{"name":"visible","type":["Boolean","Function"],"default":"false","short_doc":[["para"," The visibility of the labels."]],"doc":[["para"," The visibility of the labels."]],"orig":"series.labels.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The label template. Template variables:"],["bulletlist",["listitem",["strong","value"]," - the point value. Can be a number or object containing each bindable field."],["listitem",["strong","category"]," - the category name\nAvailable for area, column and line series."],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\nWill be null if binding to array."]]],"doc":[["para","The label template. Template variables:"],["bulletlist",["listitem",["strong","value"]," - the point value. Can be a number or object containing each bindable field."],["listitem",["strong","category"]," - the category name\nAvailable for area, column and line series."],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\nWill be null if binding to array."]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125],\n labels: {\n // label template\n template: \"#= value #%\",\n visible: true\n }\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"]],"orig":"series.labels.template"},{"name":"position","type":["String","Function"],"default":"\"above\"","short_doc":[["para","Defines the position of the labels."]],"doc":[["para","Defines the position of the labels."],["header",{"level":4},["em","\"above\""]],["para","The label is positioned at the top of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"center\""]],["para","The label is positioned at the point center."],["para",["strong"," Applicable for column series only. "]],["header",{"level":4},["em","\"insideEnd\""]],["para","The label is positioned inside, near the end of the point."],["para",["strong"," Applicable for column series only. "]],["header",{"level":4},["em","\"insideBase\""]],["para","The label is positioned inside, near the base of the bar."],["para",["strong"," Applicable for column series. "]],["header",{"level":4},["em","\"outsideEnd\""]],["para","The label is positioned outside, near the end of the bar."],["para",["strong"," Applicable for column series only. Not applicable for stacked series. "]],["header",{"level":4},["em","\"right\""]],["para","The label is positioned to the right of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"below\""]],["para","The label is positioned at the bottom of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"left\""]],["para","The label is positioned to the left of the marker."],["para",["strong"," Applicable for area and line series. "]]],"orig":"series.labels.position"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para"," The padding of the labels."]],"doc":[["para"," The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"]],"orig":"series.labels.padding"},{"name":"margin","type":["Number","Object"],"default":"{ left: 5, right: 5}","short_doc":[["para","The margin of the labels."]],"doc":[["para","The margin of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and bottom margin to 1px\n// margin left and right are with 5px (by default)\nmargin: { top: 1, bottom: 1 }"]],"orig":"series.labels.margin"},{"name":"format","type":["String","Function"],"short_doc":[["para","The format of the labels."]],"doc":[["para","The format of the labels."],["header",{"level":4},"Example"],["code_block","//sets format of the labels\nformat: \"C\""]],"orig":"series.labels.format"},{"name":"font","type":["String","Function"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the labels."]],"doc":[["para","The font style of the labels."]],"orig":"series.labels.font"},{"name":"color","type":["String","Function"],"short_doc":[["para","The text color of the labels."]],"doc":[["para","The text color of the labels."]],"orig":"series.labels.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the labels."]],"doc":[["para","The border of the labels."]],"sub":[{"name":"width","type":["Number","Function"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"series.labels.border.width"},{"name":"dashType","type":["String","Function"],"default":"\"solid\"","short_doc":[["para"," The dash type of the border."]],"doc":[["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"series.labels.border.dashType"},{"name":"color","type":["String","Function"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"series.labels.border.color"}],"orig":"series.labels.border"},{"name":"background","type":["String","Function"],"short_doc":[["para","The background color of the labels."]],"doc":[["para","The background color of the labels."]],"orig":"series.labels.background"}],"orig":"series.labels"},{"name":"gap","type":["Number"],"default":"1.5","short_doc":[["para","The distance between category clusters."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]]],"doc":[["para","The distance between category clusters."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]]],"orig":"series.gap"},{"name":"downColorField","type":["String"],"short_doc":[["para","The data field containing the body color."],["para",["strong"," Available for candlestick series only "]]],"doc":[["para","The data field containing the body color."],["para",["strong"," Available for candlestick series only "]]],"orig":"series.downColorField"},{"name":"downColor","type":["String","Function"],"short_doc":[["para","The series color when open value is smoller then close value."],["para",["strong"," Available for candlestick series only "]]],"doc":[["para","The series color when open value is smoller then close value."],["para",["strong"," Available for candlestick series only "]]],"orig":"series.downColor"},{"name":"colorField","type":["String"],"short_doc":[["para","The data field containing the point color."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]]],"doc":[["para","The data field containing the point color."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]]],"orig":"series.colorField"},{"name":"color","type":["String","Function"],"short_doc":[["para","The series base color."]],"doc":[["para","The series base color."],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n dataSource: {\n data: [{\n date: new Date(\"2012-03-01 00:00\"),\n price: 111\n }, {\n date: new Date(\"2012-03-02 00:00\"),\n price: 121\n }, {\n date: new Date(\"2012-03-05 00:00\"),\n price: 105\n }]\n },\n dateField: \"date\",\n series: [{\n type: \"column\",\n field: \"price\",\n color: \"#ff0000\"\n }]\n});"],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n dataSource: {\n data: [{\n date: new Date(\"2012-03-01 00:00\"),\n price: 111\n }, {\n date: new Date(\"2012-03-02 00:00\"),\n price: 121\n }, {\n date: new Date(\"2012-03-05 00:00\"),\n price: 95\n }]\n },\n dateField: \"date\",\n series: [{\n type: \"column\",\n field: \"price\",\n color: function(point) {\n if (point.value < 100) {\n // Colorize matching points\n return \"#f00\";\n }\n\n // Use default theme color\n }\n }]\n});"]],"orig":"series.color"},{"name":"closeField","type":["String"],"short_doc":[["para","The data field containing the close value."],["para",["strong"," Available for candlestick and ohlc series only "]]],"doc":[["para","The data field containing the close value."],["para",["strong"," Available for candlestick and ohlc series only "]]],"orig":"series.closeField"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the points."],["para",["strong"," Applicable to column, ohlc and candlestick series "]]],"doc":[["para","The border of the points."],["para",["strong"," Applicable to column, ohlc and candlestick series "]]],"sub":[{"name":"width","type":["Number","Function"],"default":"1","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"series.border.width"},{"name":"opacity","type":["Number","Function"],"short_doc":[["para","The border opacity."]],"doc":[["para","The border opacity."]],"orig":"series.border.opacity"},{"name":"dashType","type":["String","Function"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"series.border.dashType"},{"name":"color","type":["String","Function"],"short_doc":[["para","The color of the border. It defaults to the color of the current series."]],"doc":[["para","The color of the border. It defaults to the color of the current series."]],"orig":"series.border.color"}],"orig":"series.border"},{"name":"axis","type":["String"],"default":"\"primary\"","short_doc":[["para","The name of the value axis to use."],["para",["strong"," Applicable to area, column, line, ohlc and candlestick series "]]],"doc":[["para","The name of the value axis to use."],["para",["strong"," Applicable to area, column, line, ohlc and candlestick series "]]],"orig":"series.axis"},{"name":"aggregate","type":["String"],"default":"\"max\"","short_doc":[["para","The aggregate function to apply for date series."],["para","This function is used when a category (an year, month, etc.) contains two or more points.\nThe function return value is displayed instead of the individual points."],["para","The supported values are:"],["bulletlist",["listitem","\"avg\" - the average of all values for the date period."],["listitem","\"count\" - the number of values for the date period."],["listitem","\"max\" - the highest value for the date period."],["listitem","\"min\" - the lowest value for the date period."],["listitem","\"sum\" - the sum of all values for the date period."],["listitem","\"first\" - the first value"],["listitem","function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item."],["listitem","object - (compound aggregate) ",["strong","Applicable to \"candlestick\" and ohlc \"series\""],". Specifies the aggregate for each data item field."]]],"doc":[["para","The aggregate function to apply for date series."],["para","This function is used when a category (an year, month, etc.) contains two or more points.\nThe function return value is displayed instead of the individual points."],["para","The supported values are:"],["bulletlist",["listitem","\"avg\" - the average of all values for the date period."],["listitem","\"count\" - the number of values for the date period."],["listitem","\"max\" - the highest value for the date period."],["listitem","\"min\" - the lowest value for the date period."],["listitem","\"sum\" - the sum of all values for the date period."],["listitem","\"first\" - the first value"],["listitem","function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item."],["listitem","object - (compound aggregate) ",["strong","Applicable to \"candlestick\" and ohlc \"series\""],". Specifies the aggregate for each data item field."]],["header",{"level":5},"Example"],["code_block","aggregate: {\n open: \"max\",\n high: \"max\",\n close: \"min\",\n low: \"max\"\n}"]],"orig":"series.aggregate"},{"name":"highlight","type":["Object"],"short_doc":[["para","Configures the appearance of highlighted points."]],"doc":[["para","Configures the appearance of highlighted points."]],"sub":[{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the highlighted points."],["para",["strong"," Applicable to bubble, pie, candlestick and ohlc series. "]]],"doc":[["para","The opacity of the highlighted points."],["para",["strong"," Applicable to bubble, pie, candlestick and ohlc series. "]]],"orig":"series.highlight.opacity"},{"name":"line","type":["Object"],"short_doc":[["para","Line options for highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Available only for candlestick series "]]],"doc":[["para","Line options for highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Available only for candlestick series "]]],"sub":[{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the line."]],"doc":[["para","The opacity of the line."]],"orig":"series.highlight.line.opacity"},{"name":"color","type":["String"],"short_doc":[["para","The line color."]],"doc":[["para","The line color."]],"orig":"series.highlight.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The width of the line."]],"doc":[["para","The width of the line."]],"orig":"series.highlight.line.width"}],"orig":"series.highlight.line"},{"name":"color","type":["String"],"short_doc":[["para","The highlight color."],["para",["strong"," Available only for pie series "]]],"doc":[["para","The highlight color."],["para",["strong"," Available only for pie series "]]],"orig":"series.highlight.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Applicable to bubble, pie, candlestick and ohlc series. "]]],"doc":[["para","The border of highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Applicable to bubble, pie, candlestick and ohlc series. "]]],"sub":[{"name":"opacity","type":["Number"],"short_doc":[["para","The border opacity."]],"doc":[["para","The border opacity."]],"orig":"series.highlight.border.opacity"},{"name":"color","type":["String"],"short_doc":[["para","The border color."]],"doc":[["para","The border color."]],"orig":"series.highlight.border.color"},{"name":"width","type":["Number"],"short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"series.highlight.border.width"}],"orig":"series.highlight.border"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","A value indicating if the series points should be highlighted."]],"doc":[["para","A value indicating if the series points should be highlighted."]],"orig":"series.highlight.visible"}],"orig":"series.highlight"},{"name":"name","type":["String"],"short_doc":[["para","The series name visible in the legend."]],"doc":[["para","The series name visible in the legend."],["header",{"level":4},"Example - set the series name"],["code_block","\n"],["para","The name can also be a ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which sets the name of the series when bound to grouped data source."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","series - the series options"],["listitem","group - the data group"],["listitem","group.field - the name of the field used for grouping"],["listitem","group.value - the field value for this group."]],["header",{"level":4},"Example - set the chart series group name template"],["code_block","\n"]],"orig":"series.name"},{"name":"targetField","type":["String"],"short_doc":[["para","The data field containing the target value."],["para",["strong"," Available for bullet and verticalBullet series. "]]],"doc":[["para","The data field containing the target value."],["para",["strong"," Available for bullet and verticalBullet series. "]]],"orig":"series.targetField"},{"name":"currentField","type":["String"],"short_doc":[["para","The data field containing the current value."],["para",["strong"," Available for bullet and verticalBullet series. "]]],"doc":[["para","The data field containing the current value."],["para",["strong"," Available for bullet and verticalBullet series. "]]],"orig":"series.currentField"},{"name":"categoryField","type":["String"],"default":"\"category\"","short_doc":[["para","The data item field which contains the category name or date."],["blockquote",["para","The points will be rendered in chronological order if the category is a date."],["para","If specified, the ",["link",{"href":"#configuration-dateField"},"dateField"]," option is used as a default."]]],"doc":[["para","The data item field which contains the category name or date."],["blockquote",["para","The points will be rendered in chronological order if the category is a date."],["para","If specified, the ",["link",{"href":"#configuration-dateField"},"dateField"]," option is used as a default."]],["header",{"level":4},"Example - set series date category field"],["code_block","\n"]],"orig":"series.categoryField"},{"name":"field","type":["String"],"short_doc":[["para","The data field containing the series value."]],"doc":[["para","The data field containing the series value."]],"orig":"series.field"},{"name":"highField","type":["String"],"short_doc":[["para","The data field containing the high value."],["para",["strong"," Available for candlestick and ohlc series only "]]],"doc":[["para","The data field containing the high value."],["para",["strong"," Available for candlestick and ohlc series only "]]],"orig":"series.highField"},{"name":"data","type":["Array"],"short_doc":[["para","Array of data items. The data item type can be either a:"],["bulletlist",["listitem","Array of objects. Each point is bound to the specified series fields."],["listitem","Array of numbers. Available for area, column and line series."],["listitem","Array of arrays of numbers. Available for:",["bulletlist",["listitem","OHLC and candlestick series (open, high, low, close)"]]]]],"doc":[["para","Array of data items. The data item type can be either a:"],["bulletlist",["listitem","Array of objects. Each point is bound to the specified series fields."],["listitem","Array of numbers. Available for area, column and line series."],["listitem","Array of arrays of numbers. Available for:",["bulletlist",["listitem","OHLC and candlestick series (open, high, low, close)"]]]]],"orig":"series.data"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The series line dash type."],["para",["strong"," Applicable only to line series "]]],"doc":[["para","The series line dash type."],["para",["strong"," Applicable only to line series "]],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"series.dashType"},{"name":"type","type":["String"],"short_doc":[["para","The type of the series. Available types:"],["bulletlist",["listitem","area"],["listitem","column"],["listitem","line"],["listitem","candlestick, ohlc"],["listitem","bullet"]]],"doc":[["para","The type of the series. Available types:"],["bulletlist",["listitem","area"],["listitem","column"],["listitem","line"],["listitem","candlestick, ohlc"],["listitem","bullet"]]],"orig":"series.type"}]},{"name":"seriesColors","type":["Array"],"short_doc":[["para","The default colors for the chart's series. When all colors are used, new colors are pulled from the start again."]],"doc":[["para","The default colors for the chart's series. When all colors are used, new colors are pulled from the start again."]]},{"name":"seriesDefaults","type":["Object"],"short_doc":[["para","Default values for each series."]],"doc":[["para","Default values for each series."]],"sub":[{"name":"tooltip","type":["Object"],"short_doc":[["para","The data point tooltip configuration options."]],"doc":[["para","The data point tooltip configuration options."]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para"," A value indicating if the tooltip should be displayed."]],"doc":[["para"," A value indicating if the tooltip should be displayed."]],"orig":"seriesDefaults.tooltip.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]]],"doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n seriesDefaults: {\n tooltip: {\n visible: true,\n template: \"#= category # - #= value #\"\n }\n },\n series: [\n {\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"]],"orig":"seriesDefaults.tooltip.template"},{"name":"padding","type":["Number","Object"],"short_doc":[["para","The padding of the tooltip."]],"doc":[["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"]],"orig":"seriesDefaults.tooltip.padding"},{"name":"format","type":["String"],"short_doc":[["para","The tooltip format."]],"doc":[["para","The tooltip format."],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"C\""]],"orig":"seriesDefaults.tooltip.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para"," The tooltip font."]],"doc":[["para"," The tooltip font."]],"orig":"seriesDefaults.tooltip.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the tooltip. The default is the same as the series labels color."]],"doc":[["para","The text color of the tooltip. The default is the same as the series labels color."]],"orig":"seriesDefaults.tooltip.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border configuration options."]],"doc":[["para","The border configuration options."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"seriesDefaults.tooltip.border.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"seriesDefaults.tooltip.border.color"}],"orig":"seriesDefaults.tooltip.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the tooltip. The default is determined from the series color."]],"doc":[["para","The background color of the tooltip. The default is determined from the series color."]],"orig":"seriesDefaults.tooltip.background"}],"orig":"seriesDefaults.tooltip"},{"name":"stack","type":["Boolean"],"default":"false","short_doc":[["para","A value indicating if the series should be stacked."]],"doc":[["para","A value indicating if the series should be stacked."]],"orig":"seriesDefaults.stack"},{"name":"spacing","type":["Number"],"default":"0.4","short_doc":[["para"," Space between bars."]],"doc":[["para"," Space between bars."]],"orig":"seriesDefaults.spacing"},{"name":"pie","type":["Object"],"short_doc":[["para","The pie configuration options.\nThe default options for all pie series. For more details see the series options."]],"doc":[["para","The pie configuration options.\nThe default options for all pie series. For more details see the series options."]],"orig":"seriesDefaults.pie"},{"name":"overlay","type":["Object"],"short_doc":[["para","The effects overlay."]],"doc":[["para","The effects overlay."]],"orig":"seriesDefaults.overlay"},{"name":"line","type":["Object"],"short_doc":[["para","The line configuration options.\nThe default options for all line series. For more details see the series options."]],"doc":[["para","The line configuration options.\nThe default options for all line series. For more details see the series options."]],"orig":"seriesDefaults.line"},{"name":"labels","type":["Object"],"short_doc":[["para","Configures the series data labels."]],"doc":[["para","Configures the series data labels."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n seriesDefault: {\n // adjust the default label appearence for all series\n labels: {\n // set the margin on all sides to 1\n margin: 1,\n // format the labels as currency\n format: \"C\"\n }\n },\n ...\n});"]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para"," The visibility of the labels."]],"doc":[["para"," The visibility of the labels."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n seriesDefault: {\n labels: {\n // hide all the series labels by default\n visible: true\n },\n ...\n }\n});"]],"orig":"seriesDefaults.labels.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]]],"doc":[["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n seriesDefault: {\n labels: {\n // label template\n template: \"#= value #%\",\n visible: true\n }\n },\n series: [\n {\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"]],"orig":"seriesDefaults.labels.template"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para"," The padding of the labels."]],"doc":[["para"," The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"]],"orig":"seriesDefaults.labels.padding"},{"name":"margin","type":["Number","Object"],"default":"0","short_doc":[["para"," The margin of the labels."]],"doc":[["para"," The margin of the labels."],["header",{"level":4},"Example"],["code_block","$(\"#chart).kendoChart({\n labels: {\n // sets the top, right, bottom and left margin to 3px.\n margin: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n labels: {\n // sets the top and left margin to 1px\n // margin right and bottom are with 0px (by default)\n margin: { top: 1, left: 1 }\n },\n ...\n});"]],"orig":"seriesDefaults.labels.margin"},{"name":"format","type":["String"],"short_doc":[["para","The format of the labels."]],"doc":[["para","The format of the labels."],["header",{"level":4},"Example"],["code_block","//sets format of the labels\nformat: \"C\""]],"orig":"seriesDefaults.labels.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the labels.\nlabels"]],"doc":[["para","The font style of the labels.\nlabels"],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n seriesDefault: {\n // adjust the default label appearence for all series\n labels: {\n // set the font size to 14px\n font: \"14px Arial,Helvetica,sans-serif\"\n }\n },\n ...\n});"]],"orig":"seriesDefaults.labels.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the labels. Any valid CSS color string will work here, including hex\nand rgb."]],"doc":[["para","The text color of the labels. Any valid CSS color string will work here, including hex\nand rgb."]],"orig":"seriesDefaults.labels.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the labels."]],"doc":[["para","The border of the labels."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"seriesDefaults.labels.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para"," The dash type of the border."]],"doc":[["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"seriesDefaults.labels.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"seriesDefaults.labels.border.color"}],"orig":"seriesDefaults.labels.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the labels. Any valid CSS color string will work here,\nincluding hex and rgb."]],"doc":[["para","The background color of the labels. Any valid CSS color string will work here,\nincluding hex and rgb."]],"orig":"seriesDefaults.labels.background"}],"orig":"seriesDefaults.labels"},{"name":"gap","type":["Number"],"default":"1.5","short_doc":[["para"," The distance between category clusters."]],"doc":[["para"," The distance between category clusters."]],"orig":"seriesDefaults.gap"},{"name":"column","type":["Object"],"short_doc":[["para","The column configuration options.\nThe default options for all column series. For more details see the series options."]],"doc":[["para","The column configuration options.\nThe default options for all column series. For more details see the series options."]],"orig":"seriesDefaults.column"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the series."]],"doc":[["para","The border of the series."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"seriesDefaults.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"seriesDefaults.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"seriesDefaults.border.color"}],"orig":"seriesDefaults.border"},{"name":"ohlc","type":["Object"],"short_doc":[["para","The ohlc configuration options.\nThe default options for all ohlc series. For more details see the series options."]],"doc":[["para","The ohlc configuration options.\nThe default options for all ohlc series. For more details see the series options."]],"orig":"seriesDefaults.ohlc"},{"name":"candlestick","type":["Object"],"short_doc":[["para","The candlestick configuration options.\nThe default options for all candlestick series. For more details see the series options."]],"doc":[["para","The candlestick configuration options.\nThe default options for all candlestick series. For more details see the series options."]],"orig":"seriesDefaults.candlestick"},{"name":"area","type":["Object"],"short_doc":[["para","The area configuration options.\nThe default options for all area series. For more details see the series options."]],"doc":[["para","The area configuration options.\nThe default options for all area series. For more details see the series options."]],"orig":"seriesDefaults.area"}]},{"name":"theme","type":["String"],"short_doc":[["para","Sets Chart theme. Available themes: default, blueOpal, black."]],"doc":[["para","Sets Chart theme. Available themes: default, blueOpal, black."]]},{"name":"title","type":["Object","String"],"short_doc":[["para","The chart title configuration options or text."]],"doc":[["para","The chart title configuration options or text."]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para"," The visibility of the title."]],"doc":[["para"," The visibility of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart \").kendoChart({\n title: {\n // hides the title\n visible: false\n },\n ...\n});"]],"orig":"title.visible"},{"name":"text","type":["String"],"short_doc":[["para","The title of the chart. You can also set the text directly for a title with default options."]],"doc":[["para","The title of the chart. You can also set the text directly for a title with default options."],["header",{"level":4},"Example"],["code_block","$(\"#chart \").kendoChart({\n title: {\n text: \"Sales data\"\n },\n ...\n});\n\n$(\"#chart \").kendoChart({\n title: \"Sales data\",\n ...\n});"]],"orig":"title.text"},{"name":"position","type":["String"],"default":"\"top\"","short_doc":[["para"," The position of the title."]],"doc":[["para"," The position of the title."],["header",{"level":4},["em","\"top\""]],["para","The title is positioned on the top."],["header",{"level":4},["em","\"bottom\""]],["para","The title is positioned on the bottom."]],"orig":"title.position"},{"name":"padding","type":["Number","Object"],"default":"5","short_doc":[["para"," The padding of the title."]],"doc":[["para"," The padding of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n // sets the top, right, bottom and left padding to 3px.\n title: {\n padding: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n // sets the top and left padding to 1px\n // padding right and bottom are with 5px (by default)\n title: {\n padding: { top: 1, left: 1 }\n },\n ...\n});"]],"orig":"title.padding"},{"name":"margin","type":["Number","Object"],"default":"5","short_doc":[["para"," The margin of the title."]],"doc":[["para"," The margin of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n // sets the top, right, bottom and left margin to 3px.\n title: {\n margin: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n // sets the top and left margin to 1px\n // margin right and bottom are with 5px (by default)\n title: {\n margin: { top: 1, left: 1 }\n },\n ...\n});"]],"orig":"title.margin"},{"name":"font","type":["String"],"default":"\"16px Arial,Helvetica,sans-serif\"","short_doc":[["para"," The font of the title."]],"doc":[["para"," The font of the title."]],"orig":"title.font"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the title."]],"doc":[["para","The border of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n // set border options on the title\n title: {\n border: {\n // set the border color to a dark blue\n color: \"#336699\",\n // set the width of the border to 2 pixels\n width: 2,\n // set the border style to long dashes\n dashType: \"longDash\"\n }\n },\n ...\n});"]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"title.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para"," The dash type of the border."]],"doc":[["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"title.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"title.border.color"}],"orig":"title.border"},{"name":"background","type":["String"],"default":"\"white\"","short_doc":[["para"," The background color of the title."]],"doc":[["para"," The background color of the title."]],"orig":"title.background"},{"name":"align","type":["String"],"default":"\"center\"","short_doc":[["para"," The alignment of the title."]],"doc":[["para"," The alignment of the title."],["header",{"level":4},["em","\"left\""]],["para","The text is aligned to the left."],["header",{"level":4},["em","\"center\""]],["para","The text is aligned to the middle."],["header",{"level":4},["em","\"right\""]],["para","The text is aligned to the right."]],"orig":"title.align"}]},{"name":"tooltip","type":["Object"],"short_doc":[["para","The data point tooltip configuration options."]],"doc":[["para","The data point tooltip configuration options."]],"sub":[{"name":"sharedTemplate","type":["String"],"short_doc":[["para","The shared tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","points"]," - the category points"],["listitem",["strong","category"]," - the category name"]]],"doc":[["para","The shared tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","points"]," - the category points"],["listitem",["strong","category"]," - the category name"]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"Internet Users\"\n },\n series: [{\n name: \"United States\",\n data: [67.96, 68.93, 75, 74, 78]\n }, {\n name: \"World\",\n data: [15.7, 16.7, 20, 23.5, 26.6]\n }],\n categoryAxis: {\n categories: [2005, 2006, 2007, 2008, 2009]\n },\n tooltip: {\n visible: true,\n shared: true,\n sharedTemplate:\n \"#= category # \" +\n \"# for (var i = 0; i < points.length; i++) { #\" +\n \"#= points[i].series.name #: #= points[i].value # \" +\n \"# } #\"\n }\n});"]],"orig":"tooltip.sharedTemplate"},{"name":"shared","type":["Boolean"],"default":"false","short_doc":[["para","A value indicating if the tooltip should be shared."]],"doc":[["para","A value indicating if the tooltip should be shared."]],"orig":"tooltip.shared"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","A value indicating if the tooltip should be displayed."]],"doc":[["para","A value indicating if the tooltip should be displayed."]],"orig":"tooltip.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]]],"doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [{\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n },\n tooltip: {\n visible: true,\n template: \"#= category # - #= value #\"\n }\n});"]],"orig":"tooltip.template"},{"name":"padding","type":["Number","Object"],"short_doc":[["para","The padding of the tooltip."]],"doc":[["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"]],"orig":"tooltip.padding"},{"name":"format","type":["String"],"short_doc":[["para","The tooltip format."]],"doc":[["para","The tooltip format."],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"C\""]],"orig":"tooltip.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para"," The tooltip font."]],"doc":[["para"," The tooltip font."]],"orig":"tooltip.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the tooltip. The default is the same as the series labels color."]],"doc":[["para","The text color of the tooltip. The default is the same as the series labels color."]],"orig":"tooltip.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border configuration options."]],"doc":[["para","The border configuration options."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para"," The width of the border."]],"doc":[["para"," The width of the border."]],"orig":"tooltip.border.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para"," The color of the border."]],"doc":[["para"," The color of the border."]],"orig":"tooltip.border.color"}],"orig":"tooltip.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the tooltip. The default is determined from the series color."]],"doc":[["para","The background color of the tooltip. The default is determined from the series color."]],"orig":"tooltip.background"}]},{"name":"transitions","type":["Boolean"],"default":"true","short_doc":[["para","A value indicating if transition animations should be played."]],"doc":[["para","A value indicating if transition animations should be played."]]},{"name":"valueAxis","type":["Array"],"short_doc":[["para","The value axis configuration options."]],"doc":[["para","The value axis configuration options."]],"sub":[{"name":"notes","type":["Object"],"short_doc":[["para","The value axis notes configuration."]],"doc":[["para","The value axis notes configuration."]],"sub":[{"name":"data","type":["Array"],"short_doc":[["para","The items of the notes."]],"doc":[["para","The items of the notes."]],"sub":[{"name":"line","type":["Object"],"short_doc":[["para","The line of the note."]],"doc":[["para","The line of the note."]],"sub":[{"name":"length","type":["Number"],"short_doc":[["para","The length of the connecting lines in pixels."]],"doc":[["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the value axis note color width"],["code_block","\n"]],"orig":"valueAxis.notes.data.line.length"},{"name":"color","type":["String"],"short_doc":[["para","The line color of the note."]],"doc":[["para","The line color of the note."],["header",{"level":4},"Example - set the value axis note color width"],["code_block","\n"]],"orig":"valueAxis.notes.data.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The line width of the note."]],"doc":[["para","The line width of the note."],["header",{"level":4},"Example - set the value axis note line width"],["code_block","\n"]],"orig":"valueAxis.notes.data.line.width"}],"orig":"valueAxis.notes.data.line"},{"name":"label","type":["Object"],"short_doc":[["para","The label of the note."]],"doc":[["para","The label of the note."]],"sub":[{"name":"position","type":["String"],"default":"\"inside\"","short_doc":[["para","The position of the value axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"doc":[["para","The position of the value axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"orig":"valueAxis.notes.data.label.position"},{"name":"text","type":["String"],"short_doc":[["para","The label note text."]],"doc":[["para","The label note text."],["header",{"level":4},"Example - set the value axis label note text"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.text"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."]],"doc":[["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."],["header",{"level":4},"Example - set the value axis note label format"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.format"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"doc":[["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the value axis note label"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.rotation"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the value axis notes label. By default the value axis notes label are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the value axis notes label. By default the value axis notes label are visible."],["header",{"level":4},"Example - hide the value axis note label"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the axis value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the axis value"]],["header",{"level":4},"Example - set the value axis note label template as a string"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the note label."]],"doc":[["para","The font style of the note label."],["header",{"level":4},"Example - set the value axis note label font"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis note label color as a hex string"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the label."]],"doc":[["para","The border of the label."],["header",{"level":4},"Example - set the value axis note label border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the value axis note label border width"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the value axis note label border dash type"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis note label border color"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.border.color"}],"orig":"valueAxis.notes.data.label.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis note label background"],["code_block","\n"]],"orig":"valueAxis.notes.data.label.background"}],"orig":"valueAxis.notes.data.label"},{"name":"icon","type":["Object"],"short_doc":[["para","The icon of the note."]],"doc":[["para","The icon of the note."]],"sub":[{"name":"visible","type":["Boolean"],"default":"\"true\"","short_doc":[["para","The icon visibility."]],"doc":[["para","The icon visibility."],["header",{"level":4},"Example - set the value axis note icon visibility"],["code_block","\n"]],"orig":"valueAxis.notes.data.icon.visible"},{"name":"type","type":["String"],"default":"\"circle\"","short_doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the value axis note icon shape"],["code_block","\n"]],"orig":"valueAxis.notes.data.icon.type"},{"name":"size","type":["Number"],"short_doc":[["para","The size of the icon."]],"doc":[["para","The size of the icon."],["header",{"level":4},"Example - set the value axis note icon size"],["code_block","\n"]],"orig":"valueAxis.notes.data.icon.size"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the icon."]],"doc":[["para","The border of the icon."],["header",{"level":4},"Example - set the value axis note icon border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"short_doc":[["para","The border width of the icon."]],"doc":[["para","The border width of the icon."],["header",{"level":4},"Example - set the value axis note icon border width"],["code_block","\n"]],"orig":"valueAxis.notes.data.icon.border.width"},{"name":"color","type":["String"],"short_doc":[["para","The border color of the icon."]],"doc":[["para","The border color of the icon."],["header",{"level":4},"Example - set the value axis note icon border color"],["code_block","\n"]],"orig":"valueAxis.notes.data.icon.border.color"}],"orig":"valueAxis.notes.data.icon.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the note icon."]],"doc":[["para","The background color of the note icon."],["header",{"level":4},"Example - set the value axis note icon background"],["code_block","\n"]],"orig":"valueAxis.notes.data.icon.background"}],"orig":"valueAxis.notes.data.icon"},{"name":"position","type":["String"],"short_doc":[["para","The position of the value axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"doc":[["para","The position of the value axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"orig":"valueAxis.notes.data.position"},{"name":"value","type":["Object"],"short_doc":[["para","The value of the note."]],"doc":[["para","The value of the note."]],"orig":"valueAxis.notes.data.value"}],"orig":"valueAxis.notes.data"},{"name":"line","type":["Object"],"short_doc":[["para","The line of the notes."]],"doc":[["para","The line of the notes."]],"sub":[{"name":"length","type":["Number"],"short_doc":[["para","The length of the connecting lines in pixels."]],"doc":[["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the value axis notes color width"],["code_block","\n"]],"orig":"valueAxis.notes.line.length"},{"name":"color","type":["String"],"short_doc":[["para","The line color of the notes."]],"doc":[["para","The line color of the notes."],["header",{"level":4},"Example - set the value axis notes color width"],["code_block","\n"]],"orig":"valueAxis.notes.line.color"},{"name":"width","type":["Number"],"short_doc":[["para","The line width of the notes."]],"doc":[["para","The line width of the notes."],["header",{"level":4},"Example - set the value axis notes line width"],["code_block","\n"]],"orig":"valueAxis.notes.line.width"}],"orig":"valueAxis.notes.line"},{"name":"label","type":["Object"],"short_doc":[["para","The label of the notes."]],"doc":[["para","The label of the notes."]],"sub":[{"name":"position","type":["String"],"default":"\"inside\"","short_doc":[["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"doc":[["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]]],"orig":"valueAxis.notes.label.position"},{"name":"format","type":["String"],"default":"\"{0}\"","short_doc":[["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."]],"doc":[["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."],["header",{"level":4},"Example - set the value axis notes label format"],["code_block","\n"]],"orig":"valueAxis.notes.label.format"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the label. By default the label are not rotated."]],"doc":[["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the value axis notes label"],["code_block","\n"]],"orig":"valueAxis.notes.label.rotation"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","If set to ",["inlinecode","true"]," the chart will display the value axis notes label. By default the value axis notes label are visible."]],"doc":[["para","If set to ",["inlinecode","true"]," the chart will display the value axis notes label. By default the value axis notes label are visible."],["header",{"level":4},"Example - hide the value axis notes label"],["code_block","\n"]],"orig":"valueAxis.notes.label.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the value value"]]],"doc":[["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the value value"]],["header",{"level":4},"Example - set the value axis notes label template as a string"],["code_block","\n"]],"orig":"valueAxis.notes.label.template"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the label."]],"doc":[["para","The font style of the label."],["header",{"level":4},"Example - set the chart series label font"],["code_block","\n"]],"orig":"valueAxis.notes.label.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis label color as a hex string"],["code_block","\n"]],"orig":"valueAxis.notes.label.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the label."]],"doc":[["para","The border of the label."],["header",{"level":4},"Example - set the value axis label border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."]],"doc":[["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the value axis label border width"],["code_block","\n"]],"orig":"valueAxis.notes.label.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]]],"doc":[["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the value axis label border dash type"],["code_block","\n"]],"orig":"valueAxis.notes.label.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis label border color"],["code_block","\n"]],"orig":"valueAxis.notes.label.border.color"}],"orig":"valueAxis.notes.label.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis label background"],["code_block","\n"]],"orig":"valueAxis.notes.label.background"}],"orig":"valueAxis.notes.label"},{"name":"icon","type":["Object"],"short_doc":[["para","The icon of the notes."]],"doc":[["para","The icon of the notes."]],"sub":[{"name":"visible","type":["Boolean"],"default":"\"true\"","short_doc":[["para","The icon visibility."]],"doc":[["para","The icon visibility."],["header",{"level":4},"Example - set the value axis notes icon visibility"],["code_block","\n"]],"orig":"valueAxis.notes.icon.visible"},{"name":"type","type":["String"],"default":"\"circle\"","short_doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."]],"doc":[["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the value axis notes icon shape"],["code_block","\n"]],"orig":"valueAxis.notes.icon.type"},{"name":"size","type":["Number"],"short_doc":[["para","The size of the icon."]],"doc":[["para","The size of the icon."],["header",{"level":4},"Example - set the value axis notes icon size"],["code_block","\n"]],"orig":"valueAxis.notes.icon.size"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the icon."]],"doc":[["para","The border of the icon."],["header",{"level":4},"Example - set the value axis notes icon border"],["code_block","\n"]],"sub":[{"name":"width","type":["Number"],"short_doc":[["para","The border width of the icon."]],"doc":[["para","The border width of the icon."],["header",{"level":4},"Example - set the value axis notes icon border width"],["code_block","\n"]],"orig":"valueAxis.notes.icon.border.width"},{"name":"color","type":["String"],"short_doc":[["para","The border color of the icon."]],"doc":[["para","The border color of the icon."],["header",{"level":4},"Example - set the value axis notes icon border color"],["code_block","\n"]],"orig":"valueAxis.notes.icon.border.color"}],"orig":"valueAxis.notes.icon.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the notes icon."]],"doc":[["para","The background color of the notes icon."],["header",{"level":4},"Example - set the value axis notes icon background"],["code_block","\n"]],"orig":"valueAxis.notes.icon.background"}],"orig":"valueAxis.notes.icon"},{"name":"position","type":["String"],"short_doc":[["para","The position of the value axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"doc":[["para","The position of the value axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]]],"orig":"valueAxis.notes.position"}],"orig":"valueAxis.notes"},{"name":"crosshair","type":["Object"],"short_doc":[["para","The crosshair configuration options."]],"doc":[["para","The crosshair configuration options."]],"sub":[{"name":"tooltip","type":["Object"],"short_doc":[["para","The crosshar tooltip configuration options."]],"doc":[["para","The crosshar tooltip configuration options."]],"sub":[{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","A value indicating if the tooltip should be displayed."]],"doc":[["para","A value indicating if the tooltip should be displayed."]],"orig":"valueAxis.crosshair.tooltip.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"]]],"doc":[["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [{\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n },\n valueAxis: {\n crosshair: {\n visible: true,\n tooltip: {\n visible: true,\n template: \"value: #= value #\"\n }\n }\n }\n});"]],"orig":"valueAxis.crosshair.tooltip.template"},{"name":"padding","type":["Number","Object"],"short_doc":[["para","The padding of the tooltip."]],"doc":[["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"]],"orig":"valueAxis.crosshair.tooltip.padding"},{"name":"format","type":["String"],"short_doc":[["para","The tooltip format."]],"doc":[["para","The tooltip format."],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"C\""]],"orig":"valueAxis.crosshair.tooltip.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The tooltip font."]],"doc":[["para","The tooltip font."]],"orig":"valueAxis.crosshair.tooltip.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the tooltip."]],"doc":[["para","The text color of the tooltip."]],"orig":"valueAxis.crosshair.tooltip.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border configuration options."]],"doc":[["para","The border configuration options."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"valueAxis.crosshair.tooltip.border.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"valueAxis.crosshair.tooltip.border.color"}],"orig":"valueAxis.crosshair.tooltip.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the tooltip."]],"doc":[["para","The background color of the tooltip."]],"orig":"valueAxis.crosshair.tooltip.background"}],"orig":"valueAxis.crosshair.tooltip"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","The dash type of the crosshair."]],"doc":[["para","The dash type of the crosshair."]],"orig":"valueAxis.crosshair.visible"},{"name":"dashType","type":["Number"],"short_doc":[["para","The dash type of the crosshair."]],"doc":[["para","The dash type of the crosshair."]],"orig":"valueAxis.crosshair.dashType"},{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the crosshair."]],"doc":[["para","The opacity of the crosshair."]],"orig":"valueAxis.crosshair.opacity"},{"name":"width","type":["Number"],"short_doc":[["para","The width of the crosshair."]],"doc":[["para","The width of the crosshair."]],"orig":"valueAxis.crosshair.width"},{"name":"color","type":["String"],"short_doc":[["para","The color of the crosshair."]],"doc":[["para","The color of the crosshair."]],"orig":"valueAxis.crosshair.color"}],"orig":"valueAxis.crosshair"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the axis."]],"doc":[["para","The visibility of the axis."]],"orig":"valueAxis.visible"},{"name":"title","type":["Object"],"short_doc":[["para","The title of the value axis."]],"doc":[["para","The title of the value axis."]],"sub":[{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the title."]],"doc":[["para","The visibility of the title."]],"orig":"valueAxis.title.visible"},{"name":"text","type":["String"],"short_doc":[["para","The text of the title."]],"doc":[["para","The text of the title."]],"orig":"valueAxis.title.text"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the title."]],"doc":[["para","The rotation angle of the title."]],"orig":"valueAxis.title.rotation"},{"name":"position","type":["String"],"default":"\"center\"","short_doc":[["para","The position of the title."]],"doc":[["para","The position of the title."],["header",{"level":4},["em","\"top\""]],["para","The axis title is positioned on the top (applicable to vertical axis)."],["header",{"level":4},["em","\"bottom\""]],["para","The axis title is positioned on the bottom (applicable to vertical axis)."],["header",{"level":4},["em","\"left\""]],["para","The axis title is positioned on the left (applicable to horizontal axis)."],["header",{"level":4},["em","\"right\""]],["para","\"The axis title is positioned on the right (applicable to horizontal axis)."],["header",{"level":4},["em","\"center\""]],["para","\"The axis title is positioned in the center."]],"orig":"valueAxis.title.position"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para","The padding of the title."]],"doc":[["para","The padding of the title."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"]],"orig":"valueAxis.title.padding"},{"name":"margin","type":["Number","Object"],"default":"5","short_doc":[["para","The margin of the title."]],"doc":[["para","The margin of the title."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 0px (by default)\nmargin: { top: 1, left: 1 }"]],"orig":"valueAxis.title.margin"},{"name":"font","type":["String"],"default":"\"16px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the title."]],"doc":[["para","The font style of the title."]],"orig":"valueAxis.title.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."]],"orig":"valueAxis.title.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the title."]],"doc":[["para","The border of the title."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"valueAxis.title.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"valueAxis.title.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border."]],"doc":[["para","The color of the border."]],"orig":"valueAxis.title.border.color"}],"orig":"valueAxis.title.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."]],"doc":[["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."]],"orig":"valueAxis.title.background"}],"orig":"valueAxis.title"},{"name":"reverse","type":["Boolean"],"default":"false","short_doc":[["para","Reverses the axis direction -\nvalues increase from right to left and from top to bottom."]],"doc":[["para","Reverses the axis direction -\nvalues increase from right to left and from top to bottom."]],"orig":"valueAxis.reverse"},{"name":"plotBands","type":["Array"],"short_doc":[["para","The plot bands of the value axis."]],"doc":[["para","The plot bands of the value axis."]],"sub":[{"name":"opacity","type":["Number"],"short_doc":[["para","The opacity of the plot band."]],"doc":[["para","The opacity of the plot band."]],"orig":"valueAxis.plotBands.opacity"},{"name":"color","type":["String"],"short_doc":[["para","The color of the plot band."]],"doc":[["para","The color of the plot band."]],"orig":"valueAxis.plotBands.color"},{"name":"to","type":["Number"],"short_doc":[["para","The end position of the plot band in axis units."]],"doc":[["para","The end position of the plot band in axis units."]],"orig":"valueAxis.plotBands.to"},{"name":"from","type":["Number"],"short_doc":[["para","The start position of the plot band in axis units."]],"doc":[["para","The start position of the plot band in axis units."]],"orig":"valueAxis.plotBands.from"}],"orig":"valueAxis.plotBands"},{"name":"pane","type":["String"],"short_doc":[["para","The name of the pane that the axis should be rendered in.\nThe axis will be rendered in the first (default) pane if not set."]],"doc":[["para","The name of the pane that the axis should be rendered in.\nThe axis will be rendered in the first (default) pane if not set."]],"orig":"valueAxis.pane"},{"name":"narrowRange","type":["Boolean"],"default":"false","short_doc":[["para","Prevents the automatic axis range from snapping to 0."]],"doc":[["para","Prevents the automatic axis range from snapping to 0."]],"orig":"valueAxis.narrowRange"},{"name":"name","type":["Object"],"default":"\"primary\"","short_doc":[["para","The unique axis name."]],"doc":[["para","The unique axis name."]],"orig":"valueAxis.name"},{"name":"minorUnit","type":["Number"],"short_doc":[["para","The interval between minor divisions.\nIt defaults to 1/5th of the majorUnit."]],"doc":[["para","The interval between minor divisions.\nIt defaults to 1/5th of the majorUnit."]],"orig":"valueAxis.minorUnit"},{"name":"minorTicks","type":["Object"],"short_doc":[["para","The minor ticks of the axis."]],"doc":[["para","The minor ticks of the axis."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the value axis minor ticks."]],"doc":[["para","The skip of the value axis minor ticks."]],"orig":"valueAxis.minorTicks.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the value axis minor ticks."]],"doc":[["para","The step of the value axis minor ticks."]],"orig":"valueAxis.minorTicks.step"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","The visibility of the minor ticks."]],"doc":[["para","The visibility of the minor ticks."]],"orig":"valueAxis.minorTicks.visible"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the minor ticks in pixels."]],"doc":[["para","The width of the minor ticks in pixels."]],"orig":"valueAxis.minorTicks.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the value axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the value axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"orig":"valueAxis.minorTicks.color"},{"name":"size","type":["Number"],"default":"3","short_doc":[["para","The axis minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the chart."]],"doc":[["para","The axis minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the chart."]],"orig":"valueAxis.minorTicks.size"}],"orig":"valueAxis.minorTicks"},{"name":"minorGridLines","type":["Object"],"short_doc":[["para","Configures the minor grid lines. These are the lines that are an extension of the minor ticks through the"]],"doc":[["para","Configures the minor grid lines. These are the lines that are an extension of the minor ticks through the"]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the value axis minor grid lines."]],"doc":[["para","The skip of the value axis minor grid lines."]],"orig":"valueAxis.minorGridLines.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the value axis minor grid lines."]],"doc":[["para","The step of the value axis minor grid lines."]],"orig":"valueAxis.minorGridLines.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the lines."],["para","Note that this settings has no effect if the visibility of the minor grid lines is not set to ",["strong","true"],"."]],"doc":[["para","The width of the lines."],["para","Note that this settings has no effect if the visibility of the minor grid lines is not set to ",["strong","true"],"."]],"orig":"valueAxis.minorGridLines.width"},{"name":"visible","type":["Boolean"],"default":"false","short_doc":[["para","The visibility of the lines."]],"doc":[["para","The visibility of the lines."]],"orig":"valueAxis.minorGridLines.visible"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the minor grid lines."]],"doc":[["para","The dash type of the minor grid lines."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot.\nbody of the chart."],["para","Note that minor grid lines are not visible by default, therefore none of these settings will take effect without the minor grid lines visibility being set to ",["strong","true"],"."]],"orig":"valueAxis.minorGridLines.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the lines."],["para","Note that this has no effect if the visibility of the minor grid lines is not set to ",["strong","true"],"."]],"doc":[["para","The color of the lines."],["para","Note that this has no effect if the visibility of the minor grid lines is not set to ",["strong","true"],"."]],"orig":"valueAxis.minorGridLines.color"}],"orig":"valueAxis.minorGridLines"},{"name":"min","type":["Number"],"default":"0","short_doc":[["para","The minimum value of the axis.\nThis is often used in combination with the ",["strong","max"]," configuration option."]],"doc":[["para","The minimum value of the axis.\nThis is often used in combination with the ",["strong","max"]," configuration option."]],"orig":"valueAxis.min"},{"name":"max","type":["Number"],"default":"1","short_doc":[["para","The maximum value of the axis.\nThis is often used in combination with the ",["strong","min"]," configuration option."]],"doc":[["para","The maximum value of the axis.\nThis is often used in combination with the ",["strong","min"]," configuration option."]],"orig":"valueAxis.max"},{"name":"majorUnit","type":["Number"],"short_doc":[["para","The interval between major divisions."]],"doc":[["para","The interval between major divisions."]],"orig":"valueAxis.majorUnit"},{"name":"majorTicks","type":["Object"],"short_doc":[["para","The major ticks of the axis."]],"doc":[["para","The major ticks of the axis."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the value axis major ticks."]],"doc":[["para","The skip of the value axis major ticks."]],"orig":"valueAxis.majorTicks.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the value axis major ticks."]],"doc":[["para","The step of the value axis major ticks."]],"orig":"valueAxis.majorTicks.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the major ticks in pixels."]],"doc":[["para","The width of the major ticks in pixels."]],"orig":"valueAxis.majorTicks.width"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the value axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"doc":[["para","The color of the value axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."]],"orig":"valueAxis.majorTicks.color"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the major ticks."]],"doc":[["para","The visibility of the major ticks."]],"orig":"valueAxis.majorTicks.visible"},{"name":"size","type":["Number"],"default":"4","short_doc":[["para","The axis major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the chart."]],"doc":[["para","The axis major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the chart."]],"orig":"valueAxis.majorTicks.size"}],"orig":"valueAxis.majorTicks"},{"name":"majorGridLines","type":["Object"],"short_doc":[["para","Configures the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."]],"doc":[["para","Configures the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."]],"sub":[{"name":"skip","type":["Number"],"default":"0","short_doc":[["para","The skip of the value axis major grid lines."]],"doc":[["para","The skip of the value axis major grid lines."]],"orig":"valueAxis.majorGridLines.skip"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","The step of the value axis major grid lines."]],"doc":[["para","The step of the value axis major grid lines."]],"orig":"valueAxis.majorGridLines.step"},{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the lines."]],"doc":[["para","The width of the lines."]],"orig":"valueAxis.majorGridLines.width"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the lines."]],"doc":[["para","The visibility of the lines."]],"orig":"valueAxis.majorGridLines.visible"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the lines."]],"doc":[["para","The color of the lines."]],"orig":"valueAxis.majorGridLines.color"}],"orig":"valueAxis.majorGridLines"},{"name":"line","type":["Object"],"short_doc":[["para","Configures the axis line. This will also affect the major and minor ticks, but not the grid lines."]],"doc":[["para","Configures the axis line. This will also affect the major and minor ticks, but not the grid lines."]],"sub":[{"name":"width","type":["Number"],"default":"1","short_doc":[["para","The width of the line. This will also effect the major and minor ticks, but\nnot the grid lines."]],"doc":[["para","The width of the line. This will also effect the major and minor ticks, but\nnot the grid lines."]],"orig":"valueAxis.line.width"},{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the line."]],"doc":[["para","The visibility of the line."]],"orig":"valueAxis.line.visible"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the line."]],"doc":[["para","The dash type of the line."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"valueAxis.line.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the line. This will also effect the major and minor ticks, but\nnot the grid lines."]],"doc":[["para","The color of the line. This will also effect the major and minor ticks, but\nnot the grid lines."]],"orig":"valueAxis.line.color"}],"orig":"valueAxis.line"},{"name":"labels","type":["Object"],"short_doc":[["para","Configures the axis labels."]],"doc":[["para","Configures the axis labels."]],"sub":[{"name":"visible","type":["Boolean"],"default":"true","short_doc":[["para","The visibility of the labels."]],"doc":[["para","The visibility of the labels."]],"orig":"valueAxis.labels.visible"},{"name":"template","type":["String","Function"],"short_doc":[["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the value"]]],"doc":[["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the value"]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n },\n valueAxis: {\n labels: {\n // labels template\n template: \"#= value #%\"\n }\n }\n});"]],"orig":"valueAxis.labels.template"},{"name":"step","type":["Number"],"default":"1","short_doc":[["para","Label rendering step.\nEvery n-th label is rendered where n is the step"]],"doc":[["para","Label rendering step.\nEvery n-th label is rendered where n is the step"]],"orig":"valueAxis.labels.step"},{"name":"skip","type":["Number"],"default":"1","short_doc":[["para","Number of labels to skip.\nSkips rendering the first n labels."]],"doc":[["para","Number of labels to skip.\nSkips rendering the first n labels."]],"orig":"valueAxis.labels.skip"},{"name":"rotation","type":["Number"],"default":"0","short_doc":[["para","The rotation angle of the labels."]],"doc":[["para","The rotation angle of the labels."]],"orig":"valueAxis.labels.rotation"},{"name":"padding","type":["Number","Object"],"default":"0","short_doc":[["para","The padding of the labels."]],"doc":[["para","The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"]],"orig":"valueAxis.labels.padding"},{"name":"mirror","type":["Boolean"],"short_doc":[["para","Mirrors the axis labels and ticks.\nIf the labels are normally on the left side of the axis,\nmirroring the axis will render them to the right."]],"doc":[["para","Mirrors the axis labels and ticks.\nIf the labels are normally on the left side of the axis,\nmirroring the axis will render them to the right."]],"orig":"valueAxis.labels.mirror"},{"name":"margin","type":["Number","Object"],"default":"0","short_doc":[["para","The margin of the labels."]],"doc":[["para","The margin of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 0px (by default)\nmargin: { top: 1, left: 1 }"]],"orig":"valueAxis.labels.margin"},{"name":"format","type":["String"],"short_doc":[["para","The format of the labels."]],"doc":[["para","The format of the labels."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n valueAxis: {\n labels: {\n // set the format to currency\n format: \"C\"\n }\n },\n ...\n});"]],"orig":"valueAxis.labels.format"},{"name":"font","type":["String"],"default":"\"12px Arial,Helvetica,sans-serif\"","short_doc":[["para","The font style of the labels."]],"doc":[["para","The font style of the labels."]],"orig":"valueAxis.labels.font"},{"name":"color","type":["String"],"short_doc":[["para","The text color of the labels. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","The text color of the labels. Any valid CSS color string will work here, including hex and rgb."]],"orig":"valueAxis.labels.color"},{"name":"border","type":["Object"],"short_doc":[["para","The border of the labels."]],"doc":[["para","The border of the labels."]],"sub":[{"name":"width","type":["Number"],"default":"0","short_doc":[["para","The width of the border."]],"doc":[["para","The width of the border."]],"orig":"valueAxis.labels.border.width"},{"name":"dashType","type":["String"],"default":"\"solid\"","short_doc":[["para","The dash type of the border."]],"doc":[["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."]],"orig":"valueAxis.labels.border.dashType"},{"name":"color","type":["String"],"default":"\"black\"","short_doc":[["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."]],"doc":[["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."]],"orig":"valueAxis.labels.border.color"}],"orig":"valueAxis.labels.border"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the labels. Any valid CSS color string will work here, including\nhex and rgb"]],"doc":[["para","The background color of the labels. Any valid CSS color string will work here, including\nhex and rgb"]],"orig":"valueAxis.labels.background"}],"orig":"valueAxis.labels"},{"name":"color","type":["String"],"short_doc":[["para","Color to apply to all axis elements.\nIndividual color settings for line and labels take priority. Any valid CSS color string will work here, including hex and rgb."]],"doc":[["para","Color to apply to all axis elements.\nIndividual color settings for line and labels take priority. Any valid CSS color string will work here, including hex and rgb."]],"orig":"valueAxis.color"},{"name":"background","type":["String"],"short_doc":[["para","The background color of the axis."]],"doc":[["para","The background color of the axis."]],"orig":"valueAxis.background"},{"name":"axisCrossingValue","type":["Object","Date","Array"],"short_doc":[["para","Value at which the category axis crosses this axis. (Only for object)"],["para","Value indicies at which the category axes cross the value axis. (Only for array)"],["para","Date at which the category axis crosses this axis. (Only for date)"]],"doc":[["para","Value at which the category axis crosses this axis. (Only for object)"],["para","Value indicies at which the category axes cross the value axis. (Only for array)"],["para","Date at which the category axis crosses this axis. (Only for date)"]],"orig":"valueAxis.axisCrossingValue"}]}],"methods":[{"name":"destroy","args":[],"short_doc":[["para","Prepares the widget for safe removal from DOM. Detaches all event handlers and removes jQuery.data attributes to avoid memory leaks. Calls destroy method of any child Kendo widgets."],["blockquote",["para","This method does not remove the widget element from DOM."]]],"doc":[["para","Prepares the widget for safe removal from DOM. Detaches all event handlers and removes jQuery.data attributes to avoid memory leaks. Calls destroy method of any child Kendo widgets."],["blockquote",["para","This method does not remove the widget element from DOM."]]],"examples":[]},{"name":"redraw","args":[],"short_doc":[["para","Repaints the chart using the currently loaded data."]],"doc":[["para","Repaints the chart using the currently loaded data."]],"examples":[]},{"name":"refresh","args":[],"short_doc":[["para","Reloads the data and renders the chart."]],"doc":[["para","Reloads the data and renders the chart."]],"examples":[]},{"name":"setDataSource","args":[{"name":"dataSource","type":["kendo.data.DataSource"],"short_doc":[["para","The data source to which the widget should be bound."]],"doc":[["para","The data source to which the widget should be bound."]]}],"short_doc":[["para","Sets the data source of the widget."]],"doc":[["para","Sets the data source of the widget."],["header",{"level":4},"Parameters"],["header",{"level":5},"dataSource ",["inlinecode","kendo.data.DataSource"]],["para","The data source to which the widget should be bound."]],"examples":[]},{"name":"svg","args":[],"short_doc":[["para","Returns the ",["link",{"href":"http://www.w3.org/Graphics/SVG/"},"SVG"]," representation of the chart.\nThe returned string is a self-contained SVG document that can be used as is or\nconverted to other formats using tools like ",["link",{"href":"http://inkscape.org/"},"Inkscape"]," and\n",["link",{"href":"http://www.imagemagick.org/"},"ImageMagick"],".\nBoth programs provide command-line interface suitable for server-side processing."]],"doc":[["para","Returns the ",["link",{"href":"http://www.w3.org/Graphics/SVG/"},"SVG"]," representation of the chart.\nThe returned string is a self-contained SVG document that can be used as is or\nconverted to other formats using tools like ",["link",{"href":"http://inkscape.org/"},"Inkscape"]," and\n",["link",{"href":"http://www.imagemagick.org/"},"ImageMagick"],".\nBoth programs provide command-line interface suitable for server-side processing."],["header",{"level":4},"Returns"],["para",["inlinecode","String"]," the SVG representation of the chart."],["header",{"level":4},"Example - get the SVG representation of the chart"],["code_block","\n"]],"examples":[[["header",{"level":4},"Example - get the SVG representation of the chart"],["code_block","\n"]]]},{"name":"imageDataURL","args":[],"short_doc":[["para","Returns a PNG image of the chart encoded as a ",["link",{"href":"https://developer.mozilla.org/en-US/docs/data_URIs"},"Data URL"],"."]],"doc":[["para","Returns a PNG image of the chart encoded as a ",["link",{"href":"https://developer.mozilla.org/en-US/docs/data_URIs"},"Data URL"],"."],["header",{"level":4},"Returns"],["para",["inlinecode","String"]," A data URL with ",["inlinecode","image/png"]," MIME type. Will be ",["inlinecode","null"]," if the browser does not support the ",["inlinecode","canvas"]," element."],["header",{"level":4},"Example - show a snapshot of the Chart"],["code_block","\n"]],"examples":[[["header",{"level":4},"Example - show a snapshot of the Chart"],["code_block","\n"]]]}],"events":[{"name":"axisLabelClick","args":[{"name":"e.axis","type":["Object"],"short_doc":[["para","The axis that the label belongs to."]],"doc":[["para","The axis that the label belongs to."]]},{"name":"e.value","type":["Object"],"short_doc":[["para","The label value or category name."]],"doc":[["para","The label value or category name."]]},{"name":"e.text","type":["Object"],"short_doc":[["para","The label text."]],"doc":[["para","The label text."]]},{"name":"e.index","type":["Object"],"short_doc":[["para","The label sequential index or category index."]],"doc":[["para","The label sequential index or category index."]]},{"name":"e.dataItem","type":["Object"],"short_doc":[["para","The original data item used to generate the label.\n",["strong"," Applicable only for data bound category axis. "]]],"doc":[["para","The original data item used to generate the label.\n",["strong"," Applicable only for data bound category axis. "]]]},{"name":"e.element","type":["Object"],"short_doc":[["para","The DOM element of the label."]],"doc":[["para","The DOM element of the label."]]}],"short_doc":[["para","Fires when an axis label is clicked."]],"doc":[["para","Fires when an axis label is clicked."],["header",{"level":4},"Example"],["code_block","function onAxisLabelClick(e) {\n alert(\"Clicked \" + e.axis.type + \" axis label with value: \" + e.value);\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axis ",["inlinecode","Object"]],["para","The axis that the label belongs to."],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The label value or category name."],["header",{"level":5},"e.text ",["inlinecode","Object"]],["para","The label text."],["header",{"level":5},"e.index ",["inlinecode","Object"]],["para","The label sequential index or category index."],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The original data item used to generate the label.\n",["strong"," Applicable only for data bound category axis. "]],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the label."]],"examples":[[["header",{"level":4},"Example"],["code_block","function onAxisLabelClick(e) {\n alert(\"Clicked \" + e.axis.type + \" axis label with value: \" + e.value);\n}"]]],"type":["Function"]},{"name":"legendItemClick","args":[{"name":"e.text","type":["String"],"short_doc":[["para","The name of the series."]],"doc":[["para","The name of the series."]]},{"name":"e.series","type":["Object"],"short_doc":[["para","The series options."]],"doc":[["para","The series options."]]},{"name":"e.seriesIndex","type":["Number"],"short_doc":[["para","The series index."]],"doc":[["para","The series index."]]},{"name":"e.pointIndex","type":["Number"],"short_doc":[["para","The point index."]],"doc":[["para","The point index."]]},{"name":"e.element","type":["Object"],"short_doc":[["para","The DOM element of the plot area."]],"doc":[["para","The DOM element of the plot area."]]}],"short_doc":[["para","Fires when an legend item is clicked."]],"doc":[["para","Fires when an legend item is clicked."],["header",{"level":4},"Example"],["code_block","function onLegendItemClick(e) {\n alert(\"Clicked \" + e.text + \" series\");\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.text ",["inlinecode","String"]],["para","The name of the series."],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The series options."],["header",{"level":5},"e.seriesIndex ",["inlinecode","Number"]],["para","The series index."],["header",{"level":5},"e.pointIndex ",["inlinecode","Number"]],["para","The point index."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."]],"examples":[[["header",{"level":4},"Example"],["code_block","function onLegendItemClick(e) {\n alert(\"Clicked \" + e.text + \" series\");\n}"]]],"type":["Function"]},{"name":"legendItemHover","args":[{"name":"e.text","type":["String"],"short_doc":[["para","The name of the series."]],"doc":[["para","The name of the series."]]},{"name":"e.series","type":["Object"],"short_doc":[["para","The series options."]],"doc":[["para","The series options."]]},{"name":"e.seriesIndex","type":["Number"],"short_doc":[["para","The series index."]],"doc":[["para","The series index."]]},{"name":"e.pointIndex","type":["Number"],"short_doc":[["para","The point index."]],"doc":[["para","The point index."]]},{"name":"e.element","type":["Object"],"short_doc":[["para","The DOM element of the plot area."]],"doc":[["para","The DOM element of the plot area."]]}],"short_doc":[["para","Fires when an legend item is hovered."]],"doc":[["para","Fires when an legend item is hovered."],["header",{"level":4},"Example"],["code_block","function onLegendItemHover(e) {\n alert(\"Hovered \" + e.text + \" series\");\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.text ",["inlinecode","String"]],["para","The name of the series."],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The series options."],["header",{"level":5},"e.seriesIndex ",["inlinecode","Number"]],["para","The series index."],["header",{"level":5},"e.pointIndex ",["inlinecode","Number"]],["para","The point index."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."]],"examples":[[["header",{"level":4},"Example"],["code_block","function onLegendItemHover(e) {\n alert(\"Hovered \" + e.text + \" series\");\n}"]]],"type":["Function"]},{"name":"dataBound","args":[],"short_doc":[["para","Fires when the chart has received data from the data source\nand is about to render it."]],"doc":[["para","Fires when the chart has received data from the data source\nand is about to render it."],["header",{"level":4},"Example"],["code_block","function onDataBound(e) {\n // Series data is now available\n}"]],"examples":[[["header",{"level":4},"Example"],["code_block","function onDataBound(e) {\n // Series data is now available\n}"]]],"type":["Function"]},{"name":"dragStart","args":[{"name":"e.axisRanges","type":["Object"],"short_doc":[["para","A hastable containing the initial range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."]],"doc":[["para","A hastable containing the initial range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."]]},{"name":"e.originalEvent","type":["Object"],"short_doc":[["para","The original user event that triggered the drag action."]],"doc":[["para","The original user event that triggered the drag action."]]}],"short_doc":[["para","Fires when the user has used the mouse or a swipe gesture to drag the chart."],["para","The drag operation can be aborted by calling ",["inlinecode","e.preventDefault()"],"."]],"doc":[["para","Fires when the user has used the mouse or a swipe gesture to drag the chart."],["para","The drag operation can be aborted by calling ",["inlinecode","e.preventDefault()"],"."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the initial range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the drag action."]],"examples":[],"type":["Function"]},{"name":"drag","args":[{"name":"e.axisRanges","type":["Object"],"short_doc":[["para","A hastable containing the suggested current range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["para","Note that the axis ranges are not updated automatically. You need to call\nset_options with either the suggested or custom min/max values for them to take effect."]],"doc":[["para","A hastable containing the suggested current range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["para","Note that the axis ranges are not updated automatically. You need to call\nset_options with either the suggested or custom min/max values for them to take effect."]]}],"short_doc":[["para","Fires as long as the user is dragging the chart using the mouse or swipe gestures."]],"doc":[["para","Fires as long as the user is dragging the chart using the mouse or swipe gestures."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the suggested current range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["para","Note that the axis ranges are not updated automatically. You need to call\nset_options with either the suggested or custom min/max values for them to take effect."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n valueAxis: {\n name: \"price\"\n },\n drag: onDrag\n ...\n}\n\nfunction onDrag(e) {\n var minPrice = e.axisRanges.price.min;\n}"],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the drag action."]],"examples":[[["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n valueAxis: {\n name: \"price\"\n },\n drag: onDrag\n ...\n}\n\nfunction onDrag(e) {\n var minPrice = e.axisRanges.price.min;\n}"],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the drag action."]]],"type":["Function"]},{"name":"dragEnd","args":[{"name":"e.axisRanges","type":["Object"],"short_doc":[["para","A hastable containing the final range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."]],"doc":[["para","A hastable containing the final range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."]]},{"name":"e.originalEvent","type":["Object"],"short_doc":[["para","The original user event that triggered the drag action."]],"doc":[["para","The original user event that triggered the drag action."]]}],"short_doc":[["para","Fires when the user stops dragging the chart."]],"doc":[["para","Fires when the user stops dragging the chart."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the final range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the drag action."]],"examples":[],"type":["Function"]},{"name":"noteClick","args":[{"name":"e.category","type":["Object"],"short_doc":[["para","The data point category. Available only for categorical charts (bar, line, area and similar)."]],"doc":[["para","The data point category. Available only for categorical charts (bar, line, area and similar)."]]},{"name":"e.element","type":["Object"],"short_doc":[["para","The DOM element of the plot area."]],"doc":[["para","The DOM element of the plot area."]]},{"name":"e.sender","type":["kendo.ui.Chart"],"short_doc":[["para","The widget instance which fired the event."]],"doc":[["para","The widget instance which fired the event."]]},{"name":"e.value","type":["Object"],"short_doc":[["para","The data point value."]],"doc":[["para","The data point value."]]},{"name":"e.series","type":["Object"],"short_doc":[["para","The series of the note."]],"doc":[["para","The series of the note."]]},{"name":"e.dataItem","type":["Object"],"short_doc":[["para","The data item of the point's note."]],"doc":[["para","The data item of the point's note."]]}],"short_doc":[["para","Fired when the user clicks one of the notes."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the widget instance."]],"doc":[["para","Fired when the user clicks one of the notes."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the widget instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category. Available only for categorical charts (bar, line, area and similar)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."],["header",{"level":5},"e.sender ",["inlinecode","kendo.ui.Chart"]],["para","The widget instance which fired the event."],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value."],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The series of the note."],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The data item of the point's note."]],"examples":[],"type":["Function"]},{"name":"noteHover","args":[{"name":"e.category","type":["Object"],"short_doc":[["para","The data point category. Available only for categorical charts (bar, line, area and similar)."]],"doc":[["para","The data point category. Available only for categorical charts (bar, line, area and similar)."]]},{"name":"e.element","type":["Object"],"short_doc":[["para","The DOM element of the plot area."]],"doc":[["para","The DOM element of the plot area."]]},{"name":"e.sender","type":["kendo.ui.Chart"],"short_doc":[["para","The widget instance which fired the event."]],"doc":[["para","The widget instance which fired the event."]]},{"name":"e.value","type":["Object"],"short_doc":[["para","The data point value."]],"doc":[["para","The data point value."]]},{"name":"e.series","type":["Object"],"short_doc":[["para","The series of the note."]],"doc":[["para","The series of the note."]]},{"name":"e.dataItem","type":["Object"],"short_doc":[["para","The data item of the point's note."]],"doc":[["para","The data item of the point's note."]]}],"short_doc":[["para","Fired when the user hovers one of the notes."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the widget instance."]],"doc":[["para","Fired when the user hovers one of the notes."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the widget instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category. Available only for categorical charts (bar, line, area and similar)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."],["header",{"level":5},"e.sender ",["inlinecode","kendo.ui.Chart"]],["para","The widget instance which fired the event."],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value."],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The series of the note."],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The data item of the point's note."]],"examples":[],"type":["Function"]},{"name":"plotAreaClick","args":[{"name":"e.value","type":["Object"],"short_doc":[["para","The data point value.\nAvailable only for categorical charts (bar, line, area and similar)."]],"doc":[["para","The data point value.\nAvailable only for categorical charts (bar, line, area and similar)."]]},{"name":"e.category","type":["Object"],"short_doc":[["para","The data point category.\nAvailable only for categorical charts (bar, line, area and similar)."]],"doc":[["para","The data point category.\nAvailable only for categorical charts (bar, line, area and similar)."]]},{"name":"e.element","type":["Object"],"short_doc":[["para","The DOM element of the plot area."]],"doc":[["para","The DOM element of the plot area."]]},{"name":"e.x","type":["Object"],"short_doc":[["para","The X axis value or array of values for multi-axis charts."]],"doc":[["para","The X axis value or array of values for multi-axis charts."]]},{"name":"e.y","type":["Object"],"short_doc":[["para","The X axis value or array of values for multi-axis charts."]],"doc":[["para","The X axis value or array of values for multi-axis charts."]]}],"short_doc":[["para","Fires when plot area is clicked."]],"doc":[["para","Fires when plot area is clicked."],["header",{"level":4},"Example"],["code_block","function onPlotAreaClick(e) {\n alert(\"Clicked X axis value: \" + e.x);\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value.\nAvailable only for categorical charts (bar, line, area and similar)."],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category.\nAvailable only for categorical charts (bar, line, area and similar)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."],["header",{"level":5},"e.x ",["inlinecode","Object"]],["para","The X axis value or array of values for multi-axis charts."],["header",{"level":5},"e.y ",["inlinecode","Object"]],["para","The X axis value or array of values for multi-axis charts."]],"examples":[[["header",{"level":4},"Example"],["code_block","function onPlotAreaClick(e) {\n alert(\"Clicked X axis value: \" + e.x);\n}"]]],"type":["Function"]},{"name":"seriesClick","args":[{"name":"e.value","type":["Object"],"short_doc":[["para","The data point value."]],"doc":[["para","The data point value."]]},{"name":"e.category","type":["Object"],"short_doc":[["para","The data point category"]],"doc":[["para","The data point category"]]},{"name":"e.series","type":["Object"],"short_doc":[["para","The clicked series."]],"doc":[["para","The clicked series."]]},{"name":"e.series.type","type":["String"],"short_doc":[["para","The series type"]],"doc":[["para","The series type"]]},{"name":"e.series.name","type":["String"],"short_doc":[["para","The series name"]],"doc":[["para","The series name"]]},{"name":"e.series.data","type":["Array"],"short_doc":[["para","The series data points"]],"doc":[["para","The series data points"]]},{"name":"e.dataItem","type":["Object"],"short_doc":[["para","The original data item (when binding to dataSource)."]],"doc":[["para","The original data item (when binding to dataSource)."]]},{"name":"e.element","type":["Object"],"short_doc":[["para","The DOM element of the data point."]],"doc":[["para","The DOM element of the data point."]]}],"short_doc":[["para","Fires when chart series are clicked."]],"doc":[["para","Fires when chart series are clicked."],["header",{"level":4},"Example"],["code_block","function onSeriesClick(e) {\n alert(\"Clicked value: \" + e.value);\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value."],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category"],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The clicked series."],["header",{"level":5},"e.series.type ",["inlinecode","String"]],["para","The series type"],["header",{"level":5},"e.series.name ",["inlinecode","String"]],["para","The series name"],["header",{"level":5},"e.series.data ",["inlinecode","Array"]],["para","The series data points"],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The original data item (when binding to dataSource)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the data point."]],"examples":[[["header",{"level":4},"Example"],["code_block","function onSeriesClick(e) {\n alert(\"Clicked value: \" + e.value);\n}"]]],"type":["Function"]},{"name":"seriesHover","args":[{"name":"e.value","type":["Object"],"short_doc":[["para","The data point value."]],"doc":[["para","The data point value."]]},{"name":"e.category","type":["Object"],"short_doc":[["para","The data point category"]],"doc":[["para","The data point category"]]},{"name":"e.series","type":["Object"],"short_doc":[["para","The clicked series."]],"doc":[["para","The clicked series."]]},{"name":"e.series.type","type":["String"],"short_doc":[["para","The series type"]],"doc":[["para","The series type"]]},{"name":"e.series.name","type":["String"],"short_doc":[["para","The series name"]],"doc":[["para","The series name"]]},{"name":"e.series.data","type":["Array"],"short_doc":[["para","The series data points"]],"doc":[["para","The series data points"]]},{"name":"e.dataItem","type":["Object"],"short_doc":[["para","The original data item (when binding to dataSource)."]],"doc":[["para","The original data item (when binding to dataSource)."]]},{"name":"e.element","type":["Object"],"short_doc":[["para","The DOM element of the data point."]],"doc":[["para","The DOM element of the data point."]]}],"short_doc":[["para","Fires when chart series are hovered."]],"doc":[["para","Fires when chart series are hovered."],["header",{"level":4},"Example"],["code_block","function onSeriesHover(e) {\n alert(\"Hovered value: \" + e.value);\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value."],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category"],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The clicked series."],["header",{"level":5},"e.series.type ",["inlinecode","String"]],["para","The series type"],["header",{"level":5},"e.series.name ",["inlinecode","String"]],["para","The series name"],["header",{"level":5},"e.series.data ",["inlinecode","Array"]],["para","The series data points"],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The original data item (when binding to dataSource)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the data point."]],"examples":[[["header",{"level":4},"Example"],["code_block","function onSeriesHover(e) {\n alert(\"Hovered value: \" + e.value);\n}"]]],"type":["Function"]},{"name":"zoomStart","args":[{"name":"e.axisRanges","type":["Object"],"short_doc":[["para","A hastable containing the initial range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."]],"doc":[["para","A hastable containing the initial range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."]]},{"name":"e.originalEvent","type":["Object"],"short_doc":[["para","The original user event that triggered the zoom action."]],"doc":[["para","The original user event that triggered the zoom action."]]}],"short_doc":[["para","Fires when the user has used the mousewheel to zoom the chart."],["para","The zoom operation can be aborted by calling ",["inlinecode","e.preventDefault()"],"."]],"doc":[["para","Fires when the user has used the mousewheel to zoom the chart."],["para","The zoom operation can be aborted by calling ",["inlinecode","e.preventDefault()"],"."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the initial range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the zoom action."]],"examples":[],"type":["Function"]},{"name":"zoom","args":[{"name":"e.axisRanges","type":["Object"],"short_doc":[["para","A hastable containing the suggested current range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["para","Note that the axis ranges are not updated automatically. You need to call\nset_options with either the suggested or custom min/max values for them to take effect."]],"doc":[["para","A hastable containing the suggested current range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["para","Note that the axis ranges are not updated automatically. You need to call\nset_options with either the suggested or custom min/max values for them to take effect."]]}],"short_doc":[["para","Fires as long as the user is zooming the chart using the mousewheel."]],"doc":[["para","Fires as long as the user is zooming the chart using the mousewheel."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the suggested current range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["para","Note that the axis ranges are not updated automatically. You need to call\nset_options with either the suggested or custom min/max values for them to take effect."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n valueAxis: {\n name: \"price\"\n },\n zoom: onZoom\n ...\n}\n\nfunction onZoom(e) {\n var minPrice = e.axisRanges.price.min;\n}"],["header",{"level":5},"e.delta ",["inlinecode","Number"]],["para","A number that indicates the zoom amount and direction."],["para","A negative delta indicates \"zoom in\", while a positive \"zoom out\"."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the zoom action."],["para","This event can be used to prevent the default mousewheel action (scroll)."],["header",{"level":4},"Example"],["code_block","function onZoom(e) {\n // Prevent window scroll\n e.originalEvent.preventDefault();\n}"]],"examples":[[["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n valueAxis: {\n name: \"price\"\n },\n zoom: onZoom\n ...\n}\n\nfunction onZoom(e) {\n var minPrice = e.axisRanges.price.min;\n}"],["header",{"level":5},"e.delta ",["inlinecode","Number"]],["para","A number that indicates the zoom amount and direction."],["para","A negative delta indicates \"zoom in\", while a positive \"zoom out\"."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the zoom action."],["para","This event can be used to prevent the default mousewheel action (scroll)."]],[["header",{"level":4},"Example"],["code_block","function onZoom(e) {\n // Prevent window scroll\n e.originalEvent.preventDefault();\n}"]]],"type":["Function"]},{"name":"zoomEnd","args":[{"name":"e.axisRanges","type":["Object"],"short_doc":[["para","A hastable containing the final range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."]],"doc":[["para","A hastable containing the final range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."]]},{"name":"e.originalEvent","type":["Object"],"short_doc":[["para","The original user event that triggered the zoom action."]],"doc":[["para","The original user event that triggered the zoom action."]]}],"short_doc":[["para","Fires when the user stops zooming the chart."]],"doc":[["para","Fires when the user stops zooming the chart."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the final range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the zoom action."]],"examples":[],"type":["Function"]},{"name":"selectStart","args":[{"name":"e.from","type":["Object"],"short_doc":[["para","The lower boundary of the selected range."]],"doc":[["para","The lower boundary of the selected range."]]},{"name":"e.to","type":["Object"],"short_doc":[["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]],"doc":[["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]]}],"short_doc":[["para","Fires when the user starts modifying the axis selection."],["para","The range units are:"]],"doc":[["para","Fires when the user starts modifying the axis selection."],["para","The range units are:"],["header",{"level":4},["em","Generic axis"]],["para","Category index (0-based)"],["header",{"level":4},["em","Date axis"]],["para","Date instance"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.from ",["inlinecode","Object"]],["para","The lower boundary of the selected range."],["header",{"level":5},"e.to ",["inlinecode","Object"]],["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]],"examples":[],"type":["Function"]},{"name":"select","args":[{"name":"e.from","type":["Object"],"short_doc":[["para","The lower boundary of the selected range."]],"doc":[["para","The lower boundary of the selected range."]]},{"name":"e.to","type":["Object"],"short_doc":[["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]],"doc":[["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]]}],"short_doc":[["para","Fires when the user modifies the selection."],["para","The range units are:"]],"doc":[["para","Fires when the user modifies the selection."],["para","The range units are:"],["header",{"level":4},["em","Generic axis"]],["para","Category index (0-based)"],["header",{"level":4},["em","Date axis"]],["para","Date instance"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.from ",["inlinecode","Object"]],["para","The lower boundary of the selected range."],["header",{"level":5},"e.to ",["inlinecode","Object"]],["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]],"examples":[],"type":["Function"]},{"name":"selectEnd","args":[{"name":"e.from","type":["Object"],"short_doc":[["para","The lower boundary of the selected range."]],"doc":[["para","The lower boundary of the selected range."]]},{"name":"e.to","type":["Object"],"short_doc":[["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]],"doc":[["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]]}],"short_doc":[["para","Fires when the user completes modifying the selection."]],"doc":[["para","Fires when the user completes modifying the selection."],["header",{"level":4},["em","Generic axis"]],["para","Category index (0-based)"],["header",{"level":4},["em","Date axis"]],["para","Date instance"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.from ",["inlinecode","Object"]],["para","The lower boundary of the selected range."],["header",{"level":5},"e.to ",["inlinecode","Object"]],["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]],"examples":[],"type":["Function"]}],"fields":[],"short_doc":[],"doc":[["header",{"level":2},"Configuration"],["header",{"level":3},"dateField ",["inlinecode","String"],["em","(default: \"date\")"]],["para","The field containing the point date.\nIt is used as a default ",["inlinecode","categoryField"]," for all series."],["para","The data item field value must be either:"],["header",{"level":4},"* Date instance"],["header",{"level":4},"* String parsable by ",["inlinecode","new Date([field value])"]],["header",{"level":4},"* String in ASP.NET JSON format, i.e. \"\\/Date(1320825600000-0800)\\/\""],["header",{"level":3},"navigator ",["inlinecode","Object"]],["para","The data navigator configuration options."],["header",{"level":3},"navigator.categoryAxis ",["inlinecode","Array|Object"]],["para","The category axis configuration options."],["header",{"level":3},"navigator.categoryAxis.autoBaseUnitSteps ",["inlinecode","Object"]],["para","The discrete ",["link",{"href":"#configuration-navigator-categoryAxis.baseUnitStep"},"navigator.categoryAxis.baseUnitStep"]," values when\neither ",["link",{"href":"#configuration-navigator-categoryAxis.baseUnit"},"navigator.categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-navigator-categoryAxis.baseUnitStep"},"navigator.categoryAxis.baseUnitStep"]," is set to \"auto\"."],["header",{"level":3},"navigator.categoryAxis.autoBaseUnitSteps.seconds ",["inlinecode","Array"]," ",["em","(default: [1, 2, 5, 15, 30])"]],["para","The seconds unit steps."],["header",{"level":3},"navigator.categoryAxis.autoBaseUnitSteps.minutes ",["inlinecode","Array"]," ",["em","(default: [1, 2, 5, 15, 30])"]],["para","The minutes unit steps."],["header",{"level":3},"navigator.categoryAxis.autoBaseUnitSteps.hours ",["inlinecode","Array"]," ",["em","(default: [1, 2, 3])"]],["para","The hours unit steps."],["header",{"level":3},"navigator.categoryAxis.autoBaseUnitSteps.days ",["inlinecode","Array"]," ",["em","(default: [1, 2, 3])"]],["para","The days unit steps."],["header",{"level":3},"navigator.categoryAxis.autoBaseUnitSteps.weeks ",["inlinecode","Array"]," ",["em","(default: [1, 2])"]],["para","The weeks unit steps."],["header",{"level":3},"navigator.categoryAxis.autoBaseUnitSteps.months ",["inlinecode","Array"]," ",["em","(default: [1, 2, 3, 6])"]],["para","The months unit steps."],["header",{"level":3},"navigator.categoryAxis.autoBaseUnitSteps.years ",["inlinecode","Array"]," ",["em","(default: [1, 2, 3, 5, 10, 25, 50])"]],["para","The years unit steps."],["header",{"level":3},"navigator.categoryAxis.axisCrossingValue ",["inlinecode","Object|Date|Array"]],["para","Category index at which the first value axis crosses this axis (when set as an object)."],["para","Category indices at which the value axes cross the category axis (when set as an array)."],["blockquote",["para","set an index greater than or equal to the number of categories to denote the far end of the axis."]],["header",{"level":3},"navigator.categoryAxis.background ",["inlinecode","String"]],["para","The background color of the axis."],["header",{"level":3},"navigator.categoryAxis.baseUnit ",["inlinecode","String"]],["para","The base time interval for the date axis. The default base unit is determined automatically from the minimum difference\nbetween subsequent categories."],["para","The supported values are:"],["bulletlist",["listitem","\"fit\""],["listitem","\"seconds\""],["listitem","\"minutes\""],["listitem","\"hours\""],["listitem","\"days\""],["listitem","\"weeks\""],["listitem","\"months\""],["listitem","\"years\""]],["para","Setting ",["inlinecode","baseUnit"]," to \"fit\" will set such base unit and ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"],"\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","Series data is aggregated for the specified base unit using the ",["link",{"href":"#configuration-series.aggregate"},"series.aggregate"]," function."],["header",{"level":3},"navigator.categoryAxis.baseUnitStep ",["inlinecode","Object"]," ",["em","(default: 1)"]],["para","The step (interval) between categories in base units. Setting it to \"auto\" will set the step to such value\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","This option is ignored if ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\"."],["header",{"level":3},"navigator.categoryAxis.categories ",["inlinecode","Array"]],["para","The category names. The chart will create a category for every item of the array."],["header",{"level":3},"navigator.categoryAxis.color ",["inlinecode","String"]],["para","The color to apply to all axis elements. Accepts a valid CSS color string, including hex and rgb. Can be overridden by ",["link",{"href":"#configuration-categoryAxis.labels.color"},"categoryAxis.labels.color"]," and\n",["link",{"href":"#configuration-categoryAxis.line.color"},"categoryAxis.line.color"],"."],["header",{"level":3},"navigator.categoryAxis.crosshair ",["inlinecode","Object"]],["para","The crosshair configuration options."],["blockquote",["para","The crosshair is displayed when the ",["link",{"href":"#configuration-categoryAxis.crosshair.visible"},"categoryAxis.crosshair.visible"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":3},"navigator.categoryAxis.crosshair.color ",["inlinecode","String"]],["para","The color of the crosshair. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.crosshair.dashType ",["inlinecode","string"]," ",["em","(default: \"solid\")"]],["para","The dash type of the crosshair."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.crosshair.opacity ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The opacity of the crosshair. By default the crosshair is opaque."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip ",["inlinecode","Object"]],["para","The crosshar tooltip options."],["blockquote",["para","The crosshair tooltip is displayed when the ",["link",{"href":"#configuration-categoryAxis.crosshair.tooltip.visible"},"categoryAxis.crosshair.tooltip.visible"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.background ",["inlinecode","String"]],["para","The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.border ",["inlinecode","Object"]],["para","The border options."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.color ",["inlinecode","String"]],["para","The text color of the tooltip. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The tooltip font."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the tooltip. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.padding ",["inlinecode","Number|Object"]," ",["em","(default: 0)"]],["para","The padding of the crosshair tooltip. A numeric value will set all paddings."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.padding.bottom ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The bottom padding of the crosshair tooltip."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.padding.left ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The left padding of the crosshair tooltip."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.padding.right ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The right padding of the crosshair tooltip."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.padding.top ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The top padding of the crosshair tooltip."],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the tooltip."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]],["header",{"level":3},"navigator.categoryAxis.crosshair.tooltip.visible ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category axis crosshair tooltip. By default the category axis crosshair tooltip is not visible."],["header",{"level":3},"navigator.categoryAxis.crosshair.visible ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category axis crosshair. By default the category axis crosshair is not visible."],["header",{"level":3},"navigator.categoryAxis.crosshair.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the crosshair in pixels."],["header",{"level":3},"navigator.categoryAxis.field ",["inlinecode","String"]],["para","The data item field which contains the category name. Requires the ",["link",{"href":"#configuration-dataSource"},"dataSource"]," option to be set."],["header",{"level":3},"navigator.categoryAxis.justified ",["inlinecode","Boolean"]],["para","If set to ",["inlinecode","true"]," the chart will position categories and series points on major ticks. This removes the empty space before and after the series."],["para","The default value is ",["inlinecode","false"]," except for \"area\" and \"verticalArea\"."],["blockquote",["para","This option is ignored if the ",["link",{"href":"#configuration-series.type"},"series.type"]," option is set to \"bar\", \"column\", \"ohlc\" or \"candlestick\"."]],["header",{"level":3},"navigator.categoryAxis.labels ",["inlinecode","Object"]],["para","The axis labels configuration."],["header",{"level":3},"navigator.categoryAxis.labels.background ",["inlinecode","String"]],["para","The background color of the labels. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.labels.border ",["inlinecode","Object"]],["para","The border of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.labels.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.labels.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":3},"navigator.categoryAxis.labels.color ",["inlinecode","String"]],["para","The text color of the labels. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.labels.culture ",["inlinecode","String"]],["para","The culture to use when formatting date values. See the ",["link",{"href":"/getting-started/framework/globalization/overview"},"globalization overview"]," for more information."],["header",{"level":3},"navigator.categoryAxis.labels.dateFormats ",["inlinecode","Object"]],["para","The format used to display the labels when the categories are dates. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["blockquote",["para","The chart will choose the appropriate format for the current ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"],". Setting the ",["link",{"href":"#configuration-categoryAxis.labels.format"},"categoryAxis.labels.format"]," option will override the date formats."]],["header",{"level":3},"navigator.categoryAxis.labels.dateFormats.days ",["inlinecode","String"]," ",["em","(default: \"M/d\")"]],["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"days\"."],["header",{"level":3},"navigator.categoryAxis.labels.dateFormats.hours ",["inlinecode","String"]," ",["em","(default: \"HH:mm\")"]],["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"hours\"."],["header",{"level":3},"navigator.categoryAxis.labels.dateFormats.months ",["inlinecode","String"]," ",["em","(default: \"MMM 'yy\")"]],["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"months\"."],["header",{"level":3},"navigator.categoryAxis.labels.dateFormats.weeks ",["inlinecode","String"]," ",["em","(default: \"M/d\")"]],["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"weeks\"."],["header",{"level":3},"navigator.categoryAxis.labels.dateFormats.years ",["inlinecode","String"]," ",["em","(default: \"yyyy\")"]],["para","The format used when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"years\"."],["header",{"level":3},"navigator.categoryAxis.labels.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the labels. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["header",{"level":3},"navigator.categoryAxis.labels.margin ",["inlinecode","Number|Object"]," ",["em","(default: 0)"]],["para","The margin of the labels. A numeric value will set all margins."],["header",{"level":3},"navigator.categoryAxis.labels.margin.bottom ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The bottom margin of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.margin.left ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The left margin of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.margin.right ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The right margin of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.margin.top ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The top margin of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.mirror ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the chart will mirror the axis labels and ticks. If the labels are normally on the left side of the axis, mirroring the axis will render them to the right."],["header",{"level":3},"navigator.categoryAxis.labels.padding ",["inlinecode","Object|Number"]," ",["em","(default: 0)"]],["para","The padding of the labels. A numeric value will set all paddings."],["header",{"level":3},"navigator.categoryAxis.labels.padding.bottom ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The bottom padding of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.padding.left ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The left padding of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.padding.right ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The right padding of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.padding.top ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The top padding of the labels."],["header",{"level":3},"navigator.categoryAxis.labels.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the labels. By default the labels are not rotated."],["header",{"level":3},"navigator.categoryAxis.labels.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The number of labels to skip. By default no labels are skipped."],["header",{"level":3},"navigator.categoryAxis.labels.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The label rendering step - render every n-th label. By default every label is rendered."],["header",{"level":3},"navigator.categoryAxis.labels.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]],["header",{"level":3},"navigator.categoryAxis.labels.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category axis labels. By default the category axis labels are visible."],["header",{"level":3},"navigator.categoryAxis.line ",["inlinecode","Object"]],["para","The configuration of the axis lines. Also affects the major and minor ticks, but not the grid lines."],["header",{"level":3},"navigator.categoryAxis.line.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the lines. Accepts a valid CSS color string, including hex and rgb."],["blockquote",["para","Setting the ",["inlinecode","color"]," option affects the major and minor ticks, but not the grid lines."]],["header",{"level":3},"navigator.categoryAxis.line.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the line."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.line.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category axis lines. By default the category axis lines are visible."],["header",{"level":3},"navigator.categoryAxis.line.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the line in pixels. Also affects the major and minor ticks, but not the grid lines."],["header",{"level":3},"navigator.categoryAxis.majorGridLines ",["inlinecode","Object"]],["para","The configuration of the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."],["header",{"level":3},"navigator.categoryAxis.majorGridLines.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the major grid lines. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.majorGridLines.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the major grid lines."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.majorGridLines.visible ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the chart will display the major grid lines. By default the major grid lines are visible."],["header",{"level":3},"navigator.categoryAxis.majorGridLines.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the category axis major grid lines in pixels."],["header",{"level":3},"navigator.categoryAxis.majorGridLines.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the category axis major grid lines."],["header",{"level":3},"navigator.categoryAxis.majorGridLines.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the category axis major grid lines."],["header",{"level":3},"navigator.categoryAxis.majorTicks ",["inlinecode","Object"]],["para","The configuration of the category axis major ticks."],["header",{"level":3},"navigator.categoryAxis.majorTicks.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the category axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.majorTicks.size ",["inlinecode","Number"]," ",["em","(default: 4)"]],["para","The length of the tick line in pixels."],["header",{"level":3},"navigator.categoryAxis.majorTicks.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category axis major ticks. By default the category axis major ticks are visible."],["header",{"level":3},"navigator.categoryAxis.majorTicks.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the major ticks in pixels."],["header",{"level":3},"navigator.categoryAxis.majorTicks.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the category axis major ticks."],["header",{"level":3},"navigator.categoryAxis.majorTicks.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the category axis major ticks."],["header",{"level":3},"navigator.categoryAxis.max ",["inlinecode","Object"]],["para","The last date displayed on the category date axis. By default, the minimum date is the same as the last category.\nThis is often used in combination with the ",["link",{"href":"#configuration-categoryAxis.min"},"categoryAxis.min"]," and ",["link",{"href":"#configuration-categoryAxis.roundToBaseUnit"},"categoryAxis.roundToBaseUnit"]," options to\nset up a fixed date range."],["header",{"level":3},"navigator.categoryAxis.maxDateGroups ",["inlinecode","Number"]," ",["em","(default: 10)"]],["para","The maximum number of groups (categories) to display when\n",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," is set to \"auto\"."],["header",{"level":3},"navigator.categoryAxis.min ",["inlinecode","Object"]],["para","The first date displayed on the category date axis. By default, the minimum date is the same as the first category.\nThis is often used in combination with the ",["link",{"href":"#configuration-categoryAxis.min"},"categoryAxis.min"]," and ",["link",{"href":"#configuration-categoryAxis.roundToBaseUnit"},"categoryAxis.roundToBaseUnit"]," options to\nset up a fixed date range."],["header",{"level":3},"navigator.categoryAxis.minorGridLines ",["inlinecode","Object"]],["para","The configuration of the minor grid lines. These are the lines that are an extension of the minor ticks through the\nbody of the chart."],["header",{"level":3},"navigator.categoryAxis.minorGridLines.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the minor grid lines. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.minorGridLines.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the minor grid lines."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.minorGridLines.visible ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the chart will display the minor grid lines. By default the minor grid lines are visible."],["header",{"level":3},"navigator.categoryAxis.minorGridLines.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the category axis minor grid lines in pixels."],["header",{"level":3},"navigator.categoryAxis.minorGridLines.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the category axis minor grid lines."],["header",{"level":3},"navigator.categoryAxis.minorGridLines.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the category axis minor grid lines."],["header",{"level":3},"navigator.categoryAxis.minorTicks ",["inlinecode","Object"]],["para","The configuration of the category axis minor ticks."],["header",{"level":3},"navigator.categoryAxis.minorTicks.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the category axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.minorTicks.size ",["inlinecode","Number"]," ",["em","(default: 4)"]],["para","The length of the tick line in pixels."],["header",{"level":3},"navigator.categoryAxis.minorTicks.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category axis minor ticks. By default the category axis minor ticks are visible."],["header",{"level":3},"navigator.categoryAxis.minorTicks.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the minor ticks in pixels."],["header",{"level":3},"navigator.categoryAxis.minorTicks.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the category axis minor ticks."],["header",{"level":3},"navigator.categoryAxis.minorTicks.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the category axis minor ticks."],["header",{"level":3},"navigator.categoryAxis.plotBands ",["inlinecode","Array"]],["para","The plot bands of the category axis."],["header",{"level":3},"navigator.categoryAxis.plotBands.color ",["inlinecode","String"]],["para","The color of the plot band."],["header",{"level":3},"navigator.categoryAxis.plotBands.from ",["inlinecode","Number"]],["para","The start position of the plot band in axis units."],["header",{"level":3},"navigator.categoryAxis.plotBands.opacity ",["inlinecode","Number"]],["para","The opacity of the plot band."],["header",{"level":3},"navigator.categoryAxis.plotBands.to ",["inlinecode","Number"]],["para","The end position of the plot band in axis units."],["header",{"level":3},"navigator.categoryAxis.reverse ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the category axis direction will be reversed. By default categories are listed from left to right and from bottom to top."],["header",{"level":3},"navigator.categoryAxis.roundToBaseUnit ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will round the first and last date to the nearest base unit."],["para","The ",["inlinecode","roundToBaseUnit"]," option will be ignored if ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"bar\", \"column\", \"ohlc\" or \"candlestick\"."],["header",{"level":3},"navigator.categoryAxis.title ",["inlinecode","Object"]],["para","The title configuration of the category axis."],["blockquote",["para","The ",["link",{"href":"#configuration-categoryAxis.title.text"},"categoryAxis.title.text"]," option must be set in order to display the title."]],["header",{"level":3},"navigator.categoryAxis.title.background ",["inlinecode","String"]],["para","The background color of the title. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.title.border ",["inlinecode","Object"]],["para","The border of the title."],["header",{"level":3},"navigator.categoryAxis.title.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.title.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.title.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":3},"navigator.categoryAxis.title.color ",["inlinecode","String"]],["para","The text color of the title. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.title.font ",["inlinecode","String"]," ",["em","(default: \"16px Arial,Helvetica,sans-serif\")"]],["para","The font style of the title."],["header",{"level":3},"navigator.categoryAxis.title.margin ",["inlinecode","Number|Object"]," ",["em","(default: 5)"]],["para","The margin of the title. A numeric value will set all margins."],["header",{"level":3},"navigator.categoryAxis.title.margin.bottom ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The bottom margin of the title."],["header",{"level":3},"navigator.categoryAxis.title.margin.left ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The left margin of the title."],["header",{"level":3},"navigator.categoryAxis.title.margin.right ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The right margin of the title."],["header",{"level":3},"navigator.categoryAxis.title.margin.top ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The top margin of the title."],["header",{"level":3},"navigator.categoryAxis.title.padding ",["inlinecode","Number|Object"]," ",["em","(default: 0)"]],["para","The padding of the title. A numeric value will set all paddings."],["header",{"level":3},"navigator.categoryAxis.title.padding.bottom ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The bottom padding of the title."],["header",{"level":3},"navigator.categoryAxis.title.padding.left ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The left padding of the title."],["header",{"level":3},"navigator.categoryAxis.title.padding.right ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The right padding of the title."],["header",{"level":3},"navigator.categoryAxis.title.padding.top ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The top padding of the title."],["header",{"level":3},"navigator.categoryAxis.title.position ",["inlinecode","String"]," ",["em","(default: \"center\")"]],["para","The position of the title."],["para","The supported values are:"],["bulletlist",["listitem","\"top\" - the axis title is positioned on the top (applicable to vertical axis)"],["listitem","\"bottom\" - the axis title is positioned on the bottom (applicable to vertical axis)"],["listitem","\"left\" - the axis title is positioned on the left (applicable to horizontal axis)"],["listitem","\"right\" - the axis title is positioned on the right (applicable to horizontal axis)"],["listitem","\"center\" - the axis title is positioned in the center"]],["header",{"level":3},"navigator.categoryAxis.title.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the title. By default the title is not rotated."],["header",{"level":3},"navigator.categoryAxis.title.text ",["inlinecode","String"]],["para","The text of the title."],["header",{"level":3},"navigator.categoryAxis.title.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category axis title. By default the category axis title is visible."],["header",{"level":3},"navigator.categoryAxis.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category axis. By default the category axis is visible."],["header",{"level":3},"navigator.categoryAxis.weekStartDay ",["inlinecode","Number"]," ",["em","(default: kendo.days.Sunday)"]],["para","The week start day when ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"weeks\"."],["para","The supported values are:"],["bulletlist",["listitem","kendo.days.Sunday - equal to 0"],["listitem","kendo.days.Monday - equal to 1"],["listitem","kendo.days.Tuesday - equal to 2"],["listitem","kendo.days.Wednesday - equal to 3"],["listitem","kendo.days.Thursday - equal to 4"],["listitem","kendo.days.Friday - equal to 5"],["listitem","kendo.days.Saturday - equal to 6"]],["header",{"level":3},"navigator.categoryAxis.notes ",["inlinecode","Object"]],["para","The category axis notes configuration."],["header",{"level":3},"navigator.categoryAxis.notes.icon ",["inlinecode","Object"]],["para","The icon of the notes."],["header",{"level":3},"navigator.categoryAxis.notes.position ",["inlinecode","String"]],["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]],["header",{"level":3},"navigator.categoryAxis.notes.icon.background ",["inlinecode","String"]],["para","The background color of the notes icon."],["header",{"level":3},"navigator.categoryAxis.notes.icon.border ",["inlinecode","Object"]],["para","The border of the icon."],["header",{"level":3},"navigator.categoryAxis.notes.icon.border.color ",["inlinecode","String"]],["para","The border color of the icon."],["header",{"level":3},"navigator.categoryAxis.notes.icon.border.width ",["inlinecode","Number"]],["para","The border width of the icon."],["header",{"level":3},"navigator.categoryAxis.notes.icon.size ",["inlinecode","Number"]],["para","The size of the icon."],["header",{"level":3},"navigator.categoryAxis.notes.icon.type ",["inlinecode","String"]," ",["em","(default: \"circle\")"]],["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":3},"navigator.categoryAxis.notes.icon.visible ",["inlinecode","Boolean"]," ",["em","(default: \"true\")"]],["para","The icon visibility."],["header",{"level":3},"navigator.categoryAxis.notes.label ",["inlinecode","Object"]],["para","The label of the notes."],["header",{"level":3},"navigator.categoryAxis.notes.label.background ",["inlinecode","String"]],["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.notes.label.border ",["inlinecode","Object"]],["para","The border of the label."],["header",{"level":3},"navigator.categoryAxis.notes.label.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.notes.label.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.notes.label.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":3},"navigator.categoryAxis.notes.label.color ",["inlinecode","String"]],["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.notes.label.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the label."],["header",{"level":3},"navigator.categoryAxis.notes.label.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]],["header",{"level":3},"navigator.categoryAxis.notes.label.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."],["header",{"level":3},"navigator.categoryAxis.notes.label.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":3},"navigator.categoryAxis.notes.label.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["header",{"level":3},"navigator.categoryAxis.notes.label.position ",["inlinecode","String"]," ",["em","(default: \"inside\")"]],["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]],["header",{"level":3},"navigator.categoryAxis.notes.line ",["inlinecode","Object"]],["para","The line of the notes."],["header",{"level":3},"navigator.categoryAxis.notes.line.width ",["inlinecode","Number"]],["para","The line width of the notes."],["header",{"level":3},"navigator.categoryAxis.notes.line.color ",["inlinecode","String"]],["para","The line color of the notes."],["header",{"level":3},"navigator.categoryAxis.notes.line.length ",["inlinecode","Number"]],["para","The length of the connecting lines in pixels."],["header",{"level":3},"navigator.categoryAxis.notes.data ",["inlinecode","Array"]],["para","The items of the notes."],["header",{"level":3},"navigator.categoryAxis.notes.data.value ",["inlinecode","Object"]],["para","The value of the note."],["header",{"level":3},"navigator.categoryAxis.notes.data.position ",["inlinecode","String"]," ",["em","(default: \"inside\")"]],["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]],["header",{"level":3},"navigator.categoryAxis.notes.data.icon ",["inlinecode","Object"]],["para","The icon of the note."],["header",{"level":3},"navigator.categoryAxis.notes.data.icon.background ",["inlinecode","String"]],["para","The background color of the note icon."],["header",{"level":3},"navigator.categoryAxis.notes.data.icon.border ",["inlinecode","Object"]],["para","The border of the icon."],["header",{"level":3},"navigator.categoryAxis.notes.data.icon.border.color ",["inlinecode","String"]],["para","The border color of the icon."],["header",{"level":3},"navigator.categoryAxis.notes.data.icon.border.width ",["inlinecode","Number"]],["para","The border width of the icon."],["header",{"level":3},"navigator.categoryAxis.notes.data.icon.size ",["inlinecode","Number"]],["para","The size of the icon."],["header",{"level":3},"navigator.categoryAxis.notes.data.icon.type ",["inlinecode","String"]," ",["em","(default: \"circle\")"]],["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":3},"navigator.categoryAxis.notes.data.icon.visible ",["inlinecode","Boolean"]," ",["em","(default: \"true\")"]],["para","The icon visibility."],["header",{"level":3},"navigator.categoryAxis.notes.data.label ",["inlinecode","Object"]],["para","The label of the note."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.background ",["inlinecode","String"]],["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.border ",["inlinecode","Object"]],["para","The border of the label."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.categoryAxis.notes.data.label.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.color ",["inlinecode","String"]],["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the note label."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]],["header",{"level":3},"navigator.categoryAxis.notes.data.label.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.text ",["inlinecode","String"]],["para","The label note text."],["header",{"level":3},"navigator.categoryAxis.notes.data.label.position ",["inlinecode","String"]," ",["em","(default: \"inside\")"]],["para","The position of the category axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]],["header",{"level":3},"navigator.categoryAxis.notes.data.line ",["inlinecode","Object"]],["para","The line of the note."],["header",{"level":3},"navigator.categoryAxis.notes.data.line.width ",["inlinecode","Number"]],["para","The line width of the note."],["header",{"level":3},"navigator.categoryAxis.notes.data.line.color ",["inlinecode","String"]],["para","The line color of the note."],["header",{"level":3},"navigator.categoryAxis.notes.data.line.length ",["inlinecode","Number"]],["para","The length of the connecting lines in pixels."],["header",{"level":3},"navigator.dataSource ",["inlinecode","Object"]],["para","Navigator DataSource configuration or instance."],["para","When the navigator is bound via its own data source,\nit will automatically set \"from\" and \"to\" filters on the main data source."],["para","This, in conjunction with server filtering, allows you to visualize large data sets\nwithout loading them at once."],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n dataSource: {\n transport: {\n read: \"/stock/detail\"\n },\n serverFiltering: true\n },\n navigator: {\n dataSource: {\n transport: {\n read: \"/stock/volume\"\n }\n }\n }\n});"],["header",{"level":3},"navigator.autoBind ",["inlinecode","Boolean"],["em","(default: true)"]],["para","Indicates whether the navigator will call read on the data source initially.\nApplicable only when using a dedicated navigator data source."],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n navigator: {\n dataSource: naviDataSource,\n autoBind: false\n }\n});\n\n// ...\nnaviDataSource.read();"],["header",{"level":3},"navigator.dateField ",["inlinecode","String"]],["para","The field containing the point date.\nIt is used as a default ",["inlinecode","field"]," for the navigator axis."],["para","The data item field value must be either:"],["header",{"level":4},"* Date instance"],["header",{"level":4},"* String parsable by ",["inlinecode","new Date([field value])"]],["header",{"level":4},"* String in ASP.NET JSON format, i.e. \"\\/Date(1320825600000-0800)\\/\""],["header",{"level":3},"navigator.pane ",["inlinecode","Object"]],["para","The navigator pane configuration."],["header",{"level":3},"navigator.pane.background ",["inlinecode","String"]],["para","The background color of the pane. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.pane.border ",["inlinecode","Object"]],["para","The border of the navigator pane."],["header",{"level":3},"navigator.pane.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.pane.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.pane.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":3},"navigator.pane.height ",["inlinecode","Number"]],["para","The navigator pane height in pixels."],["header",{"level":3},"navigator.pane.margin ",["inlinecode","Number|Object"]," ",["em","(default: 0)"]],["para","The margin of the pane. A numeric value will set all margins."],["header",{"level":3},"navigator.pane.margin.bottom ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The bottom margin of the navigator pane."],["header",{"level":3},"navigator.pane.margin.left ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The left margin of the navigator pane."],["header",{"level":3},"navigator.pane.margin.right ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The right margin of the navigator pane."],["header",{"level":3},"navigator.pane.margin.top ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The top margin of the navigator pane."],["header",{"level":3},"navigator.pane.name ",["inlinecode","String"]],["para","The unique name of the navigator pane."],["header",{"level":3},"navigator.pane.padding ",["inlinecode","Number|Object"]," ",["em","(default: 0)"]],["para","The padding of the pane. A numeric value will set all paddings."],["header",{"level":3},"navigator.pane.padding.bottom ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The bottom padding of the navigator pane."],["header",{"level":3},"navigator.pane.padding.left ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The left padding of the navigator pane."],["header",{"level":3},"navigator.pane.padding.right ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The right padding of the navigator pane."],["header",{"level":3},"navigator.pane.padding.top ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The top padding of the navigator pane."],["header",{"level":3},"navigator.pane.title ",["inlinecode","String|Object"]],["para","The title configuration of the navigator pane."],["blockquote",["para","The ",["link",{"href":"#configuration-panes.title.text"},"panes.title.text"]," option must be set in order to display the title."]],["header",{"level":3},"navigator.pane.title.background ",["inlinecode","String"]],["para","The background color of the title. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.pane.title.border ",["inlinecode","Object"]],["para","The border of the title."],["header",{"level":3},"navigator.pane.title.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.pane.title.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":3},"navigator.pane.title.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":3},"navigator.pane.title.color ",["inlinecode","String"]],["para","The text color of the title. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"navigator.pane.title.font ",["inlinecode","String"]," ",["em","(default: \"16px Arial,Helvetica,sans-serif\")"]],["para","The font style of the title."],["header",{"level":3},"navigator.pane.title.margin ",["inlinecode","Number|Object"]," ",["em","(default: 5)"]],["para","The margin of the title. A numeric value will set all margins."],["header",{"level":3},"navigator.pane.title.margin.bottom ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The bottom margin of the title."],["header",{"level":3},"navigator.pane.title.margin.left ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The left margin of the title."],["header",{"level":3},"navigator.pane.title.margin.right ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The right margin of the title."],["header",{"level":3},"navigator.pane.title.margin.top ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The top margin of the title."],["header",{"level":3},"navigator.pane.title.position ",["inlinecode","String"]," ",["em","(default: \"center\")"]],["para","The position of the title."],["para","The supported values are:"],["bulletlist",["listitem","\"left\" - the axis title is positioned on the left (applicable to horizontal axis)"],["listitem","\"right\" - the axis title is positioned on the right (applicable to horizontal axis)"],["listitem","\"center\" - the axis title is positioned in the center"]],["header",{"level":3},"navigator.pane.title.text ",["inlinecode","String"]],["para","The text of the title."],["header",{"level":3},"navigator.pane.title.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the pane title. By default the pane title is visible."],["header",{"level":3},"navigator.series ",["inlinecode","Array"]],["para","Array of series definitions."],["para","Accepts the same options as the root ",["inlinecode","series"]," collection."],["para","Omitting the array and specifying a single series is also acceptable."],["header",{"level":4},"Example"],["code_block","\n$(\"#stock-chart\").kendoStockChart({\n navigator: {\n series: {\n type: \"line\",\n field: \"volume\"\n }\n },\n ...\n});\n
"],["header",{"level":3},"navigator.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the navigator."],["header",{"level":3},"navigator.series.type ",["inlinecode","String"]],["para","The type of the series. Available types:"],["bulletlist",["listitem","candlestick, ohlc"],["listitem","column"],["listitem","bullet"],["listitem","area"],["listitem","line"]],["header",{"level":3},"navigator.series.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of line chart."],["blockquote",["para","The ",["inlinecode","dashType"]," option is taken into consideration only if the ",["link",{"href":"#configuration-series.type"},"series.type"]," option is set to \"line\"."]],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the chart legend border dash type"],["para"," \n "],["header",{"level":3},"navigator.series.data ",["inlinecode","Array"]],["para","Array of data items. The data item type can be either a:"],["bulletlist",["listitem","Array of objects. Each point is bound to the specified series fields."],["listitem","Array of numbers. Available for area, column and line series."],["listitem","Array of arrays of numbers. Available for:",["bulletlist",["listitem","OHLC and candlestick series (open, high, low, close)"]]]],["header",{"level":4},"Example - set the chart series data as array of objects"],["para"," \n "],["header",{"level":4},"Example - set the chart series data as array of arrays"],["code_block","\n"],["header",{"level":3},"navigator.series.highField ",["inlinecode","String"]],["para","The data field containing the high value."],["para",["strong"," Available for candlestick and ohlc series only "]],["header",{"level":3},"navigator.series.field ",["inlinecode","String"]],["para","The data field containing the series value."],["header",{"level":3},"navigator.series.categoryField ",["inlinecode","String"]," ",["em","(default: \"category\")"]],["para","The data item field which contains the category name or date."],["blockquote",["para","The points will be rendered in chronological order if the category is a date."],["para","If specified, the ",["link",{"href":"#configuration-dateField"},"dateField"]," option is used as a default."]],["header",{"level":4},"Example - set series date category field"],["code_block","\n"],["header",{"level":3},"navigator.series.name ",["inlinecode","String"]],["para","The navigator series name."],["header",{"level":4},"Example - set the navigator series name"],["code_block","\n"],["para","The name can also be a ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which sets the name of the series when bound to grouped data source."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","series - the series options"],["listitem","group - the data group"],["listitem","group.field - the name of the field used for grouping"],["listitem","group.value - the field value for this group."]],["header",{"level":4},"Example - set the chart series group name template"],["code_block","\n"],["header",{"level":3},"navigator.series.highlight ",["inlinecode","Object"]],["para","Configures the appearance of highlighted points."],["para",["strong"," Applicable to candlestick and ohlc series. "]],["header",{"level":3},"navigator.series.highlight.border ",["inlinecode","Object"]],["para","The border of highlighted points. The color is computed automatically from the base point color."],["header",{"level":3},"navigator.series.highlight.border.width ",["inlinecode","Number"]],["para","The width of the border."],["header",{"level":3},"navigator.series.highlight.border.color ",["inlinecode","String"]],["para","The border color."],["header",{"level":3},"navigator.series.highlight.border.opacity ",["inlinecode","Number"]],["para","The border opacity."],["header",{"level":3},"navigator.series.highlight.color ",["inlinecode","String"]],["para","The highlight color."],["para",["strong"," Available only for pie series "]],["header",{"level":3},"navigator.series.highlight.line ",["inlinecode","Object"]],["para","Line options for highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Available only for candlestick series "]],["header",{"level":3},"navigator.series.highlight.line.width ",["inlinecode","Number"]],["para","The width of the line."],["header",{"level":3},"navigator.series.highlight.line.color ",["inlinecode","String"]],["para","The line color."],["header",{"level":3},"navigator.series.highlight.line.opacity ",["inlinecode","Number"]],["para","The opacity of the line."],["header",{"level":3},"navigator.series.highlight.opacity ",["inlinecode","Number"]],["para","The opacity of the highlighted points."],["header",{"level":3},"navigator.series.highlight.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","A value indicating if the series points should be highlighted."],["header",{"level":3},"navigator.series.aggregate ",["inlinecode","String"],["em","(default: \"max\")"]],["para","The aggregate function to apply for date series."],["para","This function is used when a category (an year, month, etc.) contains two or more points.\nThe function return value is displayed instead of the individual points."],["para","The supported values are:"],["bulletlist",["listitem","\"avg\" - the average of all values for the date period."],["listitem","\"count\" - the number of values for the date period."],["listitem","\"max\" - the highest value for the date period."],["listitem","\"min\" - the lowest value for the date period."],["listitem","\"sum\" - the sum of all values for the date period."],["listitem","\"first\" - the first value"],["listitem","function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item."],["listitem","object - (compound aggregate) ",["strong","Applicable to \"candlestick\" and ohlc \"series\""],". Specifies the aggregate for each data item field."]],["header",{"level":5},"Example"],["code_block","aggregate: {\n open: \"max\",\n high: \"max\",\n close: \"min\",\n low: \"max\"\n}"],["header",{"level":3},"navigator.series.axis ",["inlinecode","String"],["em","(default: \"primary\")"]],["para","The name of the value axis to use."],["para",["strong"," Applicable to area, column, line, ohlc and candlestick series "]],["header",{"level":3},"navigator.series.border ",["inlinecode","Object"]],["para","The border of the points."],["para",["strong"," Applicable to column, ohlc and candlestick series "]],["header",{"level":3},"navigator.series.border.color ",["inlinecode","String"]],["para","The color of the border. It defaults to the color of the current series."],["header",{"level":3},"navigator.series.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"navigator.series.border.width ",["inlinecode","Number"],["em","(default: 1)"]],["para","The width of the border."],["header",{"level":3},"navigator.series.closeField ",["inlinecode","String"]],["para","The data field containing the close value."],["para",["strong"," Available for candlestick and ohlc series only "]],["header",{"level":3},"navigator.series.color ",["inlinecode","String"]],["para","The series base color."],["header",{"level":3},"navigator.series.colorField ",["inlinecode","String"]],["para","The data field containing the point color."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]],["header",{"level":3},"navigator.series.downColor ",["inlinecode","String"]],["para","The series color when open value is smoller then close value."],["para",["strong"," Available for candlestick series only "]],["header",{"level":3},"navigator.series.downColorField ",["inlinecode","String"]],["para","The data field containing the body color."],["para",["strong"," Available for candlestick series only "]],["header",{"level":3},"navigator.series.gap ",["inlinecode","Number"],["em","(default: 1.5)"]],["para","The distance between category clusters."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]],["header",{"level":3},"navigator.series.labels ",["inlinecode","Object"]],["para","Configures the series data labels."],["header",{"level":3},"navigator.series.labels.background ",["inlinecode","String"]],["para","The background color of the labels."],["header",{"level":3},"navigator.series.labels.border ",["inlinecode","Object"]],["para","The border of the labels."],["header",{"level":3},"navigator.series.labels.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"navigator.series.labels.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"navigator.series.labels.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"navigator.series.labels.color ",["inlinecode","String"]],["para","The text color of the labels."],["header",{"level":3},"navigator.series.labels.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the labels."],["header",{"level":3},"navigator.series.labels.format ",["inlinecode","String"]],["para","The format of the labels."],["header",{"level":4},"Example"],["code_block","//sets format of the labels\nformat: \"C\""],["header",{"level":3},"navigator.series.labels.margin ",["inlinecode","Number|Object"],["em","(default: { left: 5, right: 5})"]],["para","The margin of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and bottom margin to 1px\n// margin left and right are with 5px (by default)\nmargin: { top: 1, bottom: 1 }"],["header",{"level":3},"navigator.series.labels.padding ",["inlinecode","Number|Object"],["em","(default: 0)"]],["para"," The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"],["header",{"level":3},"navigator.series.labels.position ",["inlinecode","String"],["em","(default: \"above\")"]],["para","Defines the position of the labels."],["header",{"level":4},["em","\"above\""]],["para","The label is positioned at the top of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"center\""]],["para","The label is positioned at the point center."],["para",["strong"," Applicable for column series only. "]],["header",{"level":4},["em","\"insideEnd\""]],["para","The label is positioned inside, near the end of the point."],["para",["strong"," Applicable for column series only. "]],["header",{"level":4},["em","\"insideBase\""]],["para","The label is positioned inside, near the base of the bar."],["para",["strong"," Applicable for column series. "]],["header",{"level":4},["em","\"outsideEnd\""]],["para","The label is positioned outside, near the end of the bar."],["para",["strong"," Applicable for column series only. Not applicable for stacked series. "]],["header",{"level":4},["em","\"right\""]],["para","The label is positioned to the right of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"below\""]],["para","The label is positioned at the bottom of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"left\""]],["para","The label is positioned to the left of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":3},"navigator.series.labels.template ",["inlinecode","String | Function"]],["para","The label template. Template variables:"],["bulletlist",["listitem",["strong","value"]," - the point value. Can be a number or object containing each bindable field."],["listitem",["strong","category"]," - the category name\nAvailable for area, column and line series."],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\nWill be null if binding to array."]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125],\n labels: {\n // label template\n template: \"#= value #%\",\n visible: true\n }\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"],["header",{"level":3},"navigator.series.labels.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para"," The visibility of the labels."],["header",{"level":3},"navigator.series.line ",["inlinecode","String | Object"]],["para","Line options."],["para",["strong"," Applicable to area, candlestick and ohlc series. "]],["header",{"level":3},"navigator.series.line.color ",["inlinecode","String"]],["para","The line color."],["header",{"level":3},"navigator.series.line.opacity ",["inlinecode","Number"],["em","(default: 1)"]],["para","The line opacity."],["header",{"level":3},"navigator.series.line.width ",["inlinecode","String"],["em","(default: 4)"]],["para","The line width."],["header",{"level":3},"navigator.series.lowField ",["inlinecode","String"]],["para","The data field containing the low value."],["para",["strong"," Available for candlestick and ohlc series "]],["header",{"level":3},"navigator.series.markers ",["inlinecode","Object"]],["para","Marker options."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":3},"navigator.series.markers.background ",["inlinecode","String"]],["para","The background color of the current series markers."],["header",{"level":3},"navigator.series.markers.border ",["inlinecode","Object"]],["para","The border of the markers."],["header",{"level":3},"navigator.series.markers.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"navigator.series.markers.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"navigator.series.markers.rotation ",["inlinecode","Number|Function"]],["para","The rotation angle of the markers."],["header",{"level":4},"Example"],["code_block","\n"],["header",{"level":3},"navigator.series.markers.size ",["inlinecode","Number"],["em","(default: 6)"]],["para"," The marker size."],["header",{"level":3},"navigator.series.markers.type ",["inlinecode","String"],["em","(default: \"circle\")"]],["para","Configures the markers shape type."],["header",{"level":4},["em","\"square\""]],["para","The marker shape is square."],["header",{"level":4},["em","\"triangle\""]],["para","The marker shape is triangle."],["header",{"level":4},["em","\"circle\""]],["para","The marker shape is circle."],["header",{"level":4},["em","\"cross\""]],["para","The marker shape is cross."],["header",{"level":3},"navigator.series.markers.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","The markers visibility."],["header",{"level":3},"navigator.series.missingValues ",["inlinecode","String"]],["para","The behavior for handling missing values. The supported values are:"],["bulletlist",["listitem","\"gap\" - the plot stops before the missing point and continues after it."],["listitem","\"interpolate\" - the value is interpolated from neighboring points."],["listitem","\"zero\" - the value is assumed to be zero."]],["blockquote",["para","The default value is \"interpolate\", except for \"area\" and stacked series which default to \"zero\"."],["para","The ",["inlinecode","missingValues"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\" and \"line\"."]],["header",{"level":3},"navigator.series.style ",["inlinecode","String"]," ",["em","(default: \"normal\")"]],["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line with right angle."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\", \"line\"."]],["header",{"level":3},"navigator.series.opacity ",["inlinecode","Number"]],["para","The series opacity."],["header",{"level":3},"navigator.series.openField ",["inlinecode","String"]],["para","The data field containing the open value."],["para",["strong"," Available for candlestick and ohlc series "]],["header",{"level":3},"navigator.series.overlay ",["inlinecode","Object"]],["para","The effects overlay."],["header",{"level":3},"navigator.series.overlay.gradient ",["inlinecode","String"]],["para","The gradient name."],["para","Available options:"],["bulletlist",["listitem",["strong","glass"]," (column and candlestick series)"],["listitem",["strong","none"]]],["header",{"level":3},"navigator.series.spacing ",["inlinecode","Number"],["em","(default: 0.4)"]],["para","Space between points as proportion of the point width."],["para","Available for column, candlestick and ohlc series."],["header",{"level":3},"navigator.series.stack ",["inlinecode","Boolean|Boolean"],["em","(default: false)"]],["para","A value indicating if the series should be stacked. String value indicates that the series should be stacked in a group with the specified name.\nAvailable for column series."],["header",{"level":3},"navigator.series.tooltip ",["inlinecode","Object"]],["para","The data point tooltip configuration options."],["header",{"level":3},"navigator.series.tooltip.background ",["inlinecode","String"]],["para","The background color of the tooltip. The default is determined from the series color."],["header",{"level":3},"navigator.series.tooltip.border ",["inlinecode","Object"]],["para","The border configuration options."],["header",{"level":3},"navigator.series.tooltip.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"navigator.series.tooltip.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"navigator.series.tooltip.color ",["inlinecode","String"]],["para","The text color of the tooltip. The default is the same as the series labels color."],["header",{"level":3},"navigator.series.tooltip.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The tooltip font."],["header",{"level":3},"navigator.series.tooltip.format ",["inlinecode","String"]],["para","The tooltip format. Format variables depend on the series type:"],["bulletlist",["listitem","Area, column, line and pie",["bulletlist",["listitem",["strong","0"]," - value"]]],["listitem","Candlestick and OHLC",["bulletlist",["listitem",["strong","0"]," - open value"],["listitem",["strong","1"]," - high value"],["listitem",["strong","2"]," - low value"],["listitem",["strong","3"]," - close value"],["listitem",["strong","4"]," - category name"]]]],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"{0:C}--{1:C}\""],["header",{"level":3},"navigator.series.tooltip.padding ",["inlinecode","Number|Object"]],["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"],["header",{"level":3},"navigator.series.tooltip.template ",["inlinecode","String|Function"]],["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125],\n tooltip: {\n visible: true,\n template: \"#= category # - #= value #\"\n }\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"],["header",{"level":3},"navigator.series.tooltip.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","A value indicating if the tooltip should be displayed."],["header",{"level":3},"navigator.series.width ",["inlinecode","Number"]],["para","The line width."],["para",["strong"," Applicable for line series. "]],["header",{"level":3},"navigator.select ",["inlinecode","Object"]],["para","Specifies the initially selected range."],["para","The full range of values is shown if no range is specified."],["header",{"level":4},"Example"],["code_block","\n$(\"#stock-chart\").kendoStockChart({\n navigator: {\n series: {\n type: \"line\",\n field: \"volume\"\n },\n select: {\n from: \"2012/01/01\",\n to: \"2012/03/01\"\n }\n },\n ...\n})\n
"],["header",{"level":3},"navigator.select.from ",["inlinecode","Date"],"|",["inlinecode","String"]],["para","The lower boundary of the selected range."],["header",{"level":3},"navigator.select.to ",["inlinecode","Date"],"|",["inlinecode","String"]],["para","The upper boundary of the selected range."],["header",{"level":3},"navigator.hint ",["inlinecode","Object"]],["para","Default options for the navigator hint."],["header",{"level":3},"navigator.hint.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the hint."],["header",{"level":3},"navigator.hint.template ",["inlinecode","String | Function"]],["para","The hint template.\nTemplate variables:"],["bulletlist",["listitem",["strong","from"]," - The lower boundary of the selected range"],["listitem",["strong","to"]," - Theupper boundary of the selected range"]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#stock-chart\").kendoStockChart({\n navigator: {\n hint: {\n // hint template\n template: \"From: #= from # To: #= to #\"\n }\n },\n ...\n});"],["header",{"level":3},"navigator.hint.format ",["inlinecode","String"]],["para","The format of the hint."],["header",{"level":4},"Example"],["code_block","//sets format of the hint\nformat: \"From: {0:d} To: {1:d}\""],["header",{"level":3},"axisDefaults ",["inlinecode","Object"]],["para","Default options for all chart axes."],["header",{"level":3},"categoryAxis ",["inlinecode","Array"]],["para","The category axis configuration options."],["header",{"level":3},"categoryAxis.axisCrossingValue ",["inlinecode","Object | Date | Array"]],["para","Category index at which the first value axis crosses this axis. (Only for object)"],["para","Category indicies at which the value axes cross the category axis. (Only for array)"],["para",["strong","Note:"]," Specify an index greater than or equal to the number\nof categories to denote the far end of the axis."],["header",{"level":4},"Example"],["code_block","\n$(\"#chart\").kendoChart({\n categoryAxis: {\n categories: [\"A\", \"B\"],\n axisCrossingValue: [0, 100]\n },\n valueAxis: [{ }, { name: \"secondary\" }]\n ...\n})\n
"],["header",{"level":3},"categoryAxis.categories ",["inlinecode","Array"]],["para","Array of category names."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n categoryAxis: {\n categories: [ 2005, 2006, 2007, 2008, 2009 ]\n },\n ...\n});"],["header",{"level":3},"categoryAxis.color ",["inlinecode","String"]],["para","Color to apply to all axis elements. Any valid CSS color string will work here, including hex and rgb.\nIndividual color settings for line and labels take priority."],["header",{"level":3},"categoryAxis.field ",["inlinecode","String"]],["para","The data field containing the category name."],["header",{"level":4},"Example"],["code_block","// assuming the following data...\nvar data = [ { sales: 200, year: 2005 }, { sales: 300, year: 2006 }, { sales: 400, year: 2007 }];\n// specify the \"year\" as the field for the category axis\n$(\"#chart\").kendoChart({\n dataSource: {\n data: data\n },\n categoryAxis: {\n field: \"year\"\n },\n ...\n});"],["header",{"level":3},"categoryAxis.justified ",["inlinecode","Boolean"],["em","(default: false)"]],["para","Positions categories and series points on major ticks. This removes the empty space before and after the series."],["para","This option is ignored if either column, ohlc or candlestick series are plotted on the axis."],["header",{"level":3},"categoryAxis.labels ",["inlinecode","Object"]],["para","Configures the axis labels."],["header",{"level":3},"categoryAxis.labels.background ",["inlinecode","String"]],["para","The background color of the labels. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"categoryAxis.labels.border ",["inlinecode","Object"]],["para","The border of the labels."],["header",{"level":3},"categoryAxis.labels.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"categoryAxis.labels.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"categoryAxis.labels.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"categoryAxis.labels.color ",["inlinecode","String"]],["para","The text color of the labels. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"categoryAxis.labels.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the labels."],["header",{"level":3},"categoryAxis.labels.format ",["inlinecode","String"]],["para","The format of the labels."],["header",{"level":3},"categoryAxis.labels.margin ",["inlinecode","Number | Object"],["em","(default: 0)"]],["para","The margin of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 0px (by default)\nmargin: { top: 1, left: 1 }"],["header",{"level":3},"categoryAxis.labels.mirror ",["inlinecode","Boolean"]],["para","Mirrors the axis labels and ticks.\nIf the labels are normally on the left side of the axis,\nmirroring the axis will render them to the right."],["header",{"level":3},"categoryAxis.labels.padding ",["inlinecode","Number | Object"],["em","(default: 0)"]],["para","The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"],["header",{"level":3},"categoryAxis.labels.rotation ",["inlinecode","Number"],["em","(default: 0)"]],["para","The rotation angle of the labels."],["header",{"level":3},"categoryAxis.labels.skip ",["inlinecode","Number"],["em","(default: 1)"]],["para","Number of labels to skip.\nSkips rendering the first n labels."],["header",{"level":3},"categoryAxis.labels.step ",["inlinecode","Number"],["em","(default: 1)"]],["para","Label rendering step.\nEvery n-th label is rendered where n is the step"],["header",{"level":3},"categoryAxis.labels.template ",["inlinecode","String | Function"]],["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the value"]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [{\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003],\n labels: {\n // labels template\n template: \"Year: #= value #\"\n }\n }\n});"],["header",{"level":3},"categoryAxis.labels.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the labels."],["header",{"level":3},"categoryAxis.line ",["inlinecode","Object"]],["para","Configures the axis line. This will also effect major and minor ticks, but not gridlines."],["header",{"level":3},"categoryAxis.line.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the lines. Any valid CSS color string will work here, including hex and rgb."],["para",["strong","Note:"]," This will also effect the major and minor ticks, but not the grid lines."],["header",{"level":3},"categoryAxis.line.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the line."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"categoryAxis.line.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the lines."],["header",{"level":3},"categoryAxis.line.width ",["inlinecode","Number"],["em","(default: 1)"]],["para","The width of the line. This will also effect the major and minor ticks, but\nnot the grid lines."],["header",{"level":3},"categoryAxis.majorGridLines ",["inlinecode","Object"]],["para","Configures the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."],["header",{"level":3},"categoryAxis.majorGridLines.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the lines. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"categoryAxis.majorGridLines.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the grid lines."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"categoryAxis.majorGridLines.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","The visibility of the lines."],["header",{"level":3},"categoryAxis.majorGridLines.width ",["inlinecode","Number"],["em","(default: 1)"]],["para","The width of the lines."],["header",{"level":3},"categoryAxis.majorGridLines.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the category axis major grid lines."],["header",{"level":3},"categoryAxis.majorGridLines.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the category axis major grid lines."],["header",{"level":3},"categoryAxis.majorTicks ",["inlinecode","Object"]],["para","The major ticks of the axis."],["header",{"level":3},"categoryAxis.majorTicks.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the category axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"categoryAxis.majorTicks.size ",["inlinecode","Number"],["em","(default: 4)"]],["para","The axis major tick size. This is the length of the line in pixels that is drawn to indicate the tick\non the chart."],["header",{"level":3},"categoryAxis.majorTicks.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the major ticks in pixels."],["header",{"level":3},"categoryAxis.majorTicks.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the major ticks."],["header",{"level":3},"categoryAxis.majorTicks.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the category axis major ticks."],["header",{"level":3},"categoryAxis.majorTicks.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the category axis major ticks."],["header",{"level":3},"categoryAxis.minorGridLines ",["inlinecode","Object"]],["para","Configures the minor grid lines. These are the lines that are an extension of the minor ticks through\nthe body of the chart."],["para","Note that minor grid lines are not visible by default, therefore none of these settings will take effect with the minor grid lines visibility being set to ",["strong","true"],"."],["header",{"level":3},"categoryAxis.minorGridLines.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the lines. Any valid CSS color string will work here, including hex and\nrgb."],["para","Note that this setting has no effect if the visibility of the minor\ngrid lines is not set to ",["strong","true"],"."],["header",{"level":3},"categoryAxis.minorGridLines.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the grid lines."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"categoryAxis.minorGridLines.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","The visibility of the lines."],["header",{"level":3},"categoryAxis.minorGridLines.width ",["inlinecode","Number"]],["para","The width of the lines."],["para","Note that this setting has no effect if the visibility of the minor\ngrid lines is not set to ",["strong","true"],"."],["header",{"level":3},"categoryAxis.minorGridLines.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the category axis minor grid lines."],["header",{"level":3},"categoryAxis.minorGridLines.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the category axis minor grid lines."],["header",{"level":3},"categoryAxis.minorTicks ",["inlinecode","Object"]],["para","The minor ticks of the axis."],["header",{"level":3},"categoryAxis.minorTicks.size ",["inlinecode","Number"],["em","(default: 3)"]],["para","The axis minor tick size. This is the length of the line in pixels that is drawn to indicate the tick\non the chart."],["header",{"level":3},"categoryAxis.minorTicks.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","The visibility of the minor ticks."],["header",{"level":3},"categoryAxis.minorTicks.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the category axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"categoryAxis.minorTicks.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the minor ticks in pixels."],["header",{"level":3},"categoryAxis.minorTicks.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the category axis minor ticks."],["header",{"level":3},"categoryAxis.minorTicks.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the category axis minor ticks."],["header",{"level":3},"categoryAxis.name ",["inlinecode","String"],["em","(default: \"primary\")"]],["para","The unique axis name."],["header",{"level":3},"categoryAxis.pane ",["inlinecode","String"]],["para","The name of the pane that the axis should be rendered in.\nThe axis will be rendered in the first (default) pane if not set."],["header",{"level":3},"categoryAxis.plotBands ",["inlinecode","Array"]],["para","The plot bands of the category axis."],["header",{"level":3},"categoryAxis.plotBands.from ",["inlinecode","Number"]],["para","The start position of the plot band in axis units."],["header",{"level":3},"categoryAxis.plotBands.to ",["inlinecode","Number"]],["para","The end position of the plot band in axis units."],["header",{"level":3},"categoryAxis.plotBands.color ",["inlinecode","String"]],["para","The color of the plot band."],["header",{"level":3},"categoryAxis.plotBands.opacity ",["inlinecode","Number"]],["para","The opacity of the plot band."],["header",{"level":3},"categoryAxis.reverse ",["inlinecode","Boolean"],["em","(default: false)"]],["para","Reverses the axis direction -\ncategories are listed from right to left and from top to bottom."],["header",{"level":3},"categoryAxis.select ",["inlinecode","Object"]],["para","The selected axis range. If configured, axis selection will be enabled."],["para",["strong"," Available only for vertical axes "]],["para","The range units are:"],["header",{"level":4},["em","Generic axis"]],["para","Category index (0-based)"],["header",{"level":4},["em","Date axis"]],["para","Date instance or date string (yyyy/MM/dd HH:mm:ss)"],["header",{"level":3},"categoryAxis.select.from ",["inlinecode","Object"]],["para","The lower boundary of the selected range."],["header",{"level":3},"categoryAxis.select.to ",["inlinecode","Object"]],["para","The upper boundary of the selected range."],["para",["em","Note"],": The category with the specified index (date) is not included in the selected range\nunless the axis is justified. In order to select all categories specify\na value larger than the last category index (date)."],["header",{"level":3},"categoryAxis.select.min ",["inlinecode","Object"]],["para","The minimum value that is selectable by the user."],["header",{"level":3},"categoryAxis.select.max ",["inlinecode","Object"]],["para","The maximum value that is selectable by the user."],["para",["em","Note"],": The category with the specified index (date) is not included in the selected range\nunless the axis is justified. In order to select all categories specify\na value larger than the last category index (date)."],["header",{"level":3},"categoryAxis.select.mousewheel ",["inlinecode","Object"]],["para","Mousewheel zoom settings for the selection."],["header",{"level":3},"categoryAxis.select.mousewheel.reverse ",["inlinecode","Boolean"],["em","(default: true)"]],["para","Reverses the mousewheel zoom direction.\nNormal direction is down for \"zoom out\", up for \"zoom in\"."],["header",{"level":3},"categoryAxis.select.mousewheel.zoom ",["inlinecode","String"],["em","(default: \"both\")"]],["para","The zoom direction. Possible values:"],["header",{"level":4},["em","\"both\""]],["para","Zooming expands and contracts the selection both sides."],["header",{"level":4},["em","\"left\""]],["para","Zooming expands and contracts the selection left side only."],["header",{"level":4},["em","\"right\""]],["para","Zooming expands and contracts the selection right side only."],["header",{"level":3},"categoryAxis.title ",["inlinecode","Object"]],["para","The title of the category axis."],["header",{"level":3},"categoryAxis.title.background ",["inlinecode","String"]],["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."],["header",{"level":3},"categoryAxis.title.border ",["inlinecode","Object"]],["para","The border of the title."],["header",{"level":3},"categoryAxis.title.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."],["header",{"level":3},"categoryAxis.title.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"categoryAxis.title.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"categoryAxis.title.color ",["inlinecode","String"]],["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"categoryAxis.title.font ",["inlinecode","String"],["em","(default: \"16px Arial,Helvetica,sans-serif\")"]],["para","The font style of the title."],["header",{"level":3},"categoryAxis.title.margin ",["inlinecode","Number|Object"],["em","(default: 5)"]],["para","The margin of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n categoryAxis: {\n title: {\n // sets the top, right, bottom and left margin to 3px.\n margin: 3\n }\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n categoryAxis: {\n title: {\n // sets the top and left margin to 1px\n // margin right and bottom are with 0px (by default)\n margin: { top: 1, left: 1 }\n }\n },\n ...\n});"],["header",{"level":3},"categoryAxis.title.position ",["inlinecode","String"],["em","(default: \"center\")"]],["para","The position of the title."],["header",{"level":4},["em","\"top\""]],["para","The axis title is positioned on the top (applicable to vertical axis)"],["header",{"level":4},["em","\"bottom\""]],["para","The axis title is positioned on the bottom (applicable to vertical axis)"],["header",{"level":4},["em","\"left\""]],["para","The axis title is positioned on the left (applicable to horizontal axis)"],["header",{"level":4},["em","\"right\""]],["para","The axis title is positioned on the right (applicable to horizontal axis)"],["header",{"level":4},["em","\"center\""]],["para","The axis title is positioned in the center"],["header",{"level":3},"categoryAxis.title.rotation ",["inlinecode","Number"],["em","(default: 0)"]],["para","The rotation angle of the title."],["header",{"level":3},"categoryAxis.title.text ",["inlinecode","String"]],["para","The text of the title."],["header",{"level":3},"categoryAxis.title.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the title."],["header",{"level":3},"categoryAxis.type ",["inlinecode","String"],["em","(default: \"category\")"]],["para","The axis type."],["header",{"level":4},["em","\"category\""]],["para","Discrete category axis."],["header",{"level":4},["em","\"date\""]],["para","Specialized axis for displaying chronological data."],["header",{"level":3},"categoryAxis.autoBaseUnitSteps ",["inlinecode","Object"]],["para","The discrete ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," values when\neither ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\" or\n",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"]," is set to \"auto\"."],["header",{"level":4},"Example - set category axis auto base unit steps"],["code_block","\n"],["header",{"level":3},"categoryAxis.autoBaseUnitSteps.days ",["inlinecode","Array"]," ",["em","(default: [1, 2, 3])"]],["para","The days unit steps."],["header",{"level":3},"categoryAxis.autoBaseUnitSteps.hours ",["inlinecode","Array"]," ",["em","(default: [1, 2, 3])"]],["para","The hours unit steps."],["header",{"level":3},"categoryAxis.autoBaseUnitSteps.minutes ",["inlinecode","Array"]," ",["em","(default: [1, 2, 5, 15, 30])"]],["para","The minutes unit steps."],["header",{"level":3},"categoryAxis.autoBaseUnitSteps.months ",["inlinecode","Array"]," ",["em","(default: [1, 2, 3, 6])"]],["para","The months unit steps."],["header",{"level":3},"categoryAxis.autoBaseUnitSteps.weeks ",["inlinecode","Array"]," ",["em","(default: [1, 2])"]],["para","The weeks unit steps."],["header",{"level":3},"categoryAxis.autoBaseUnitSteps.years ",["inlinecode","Array"]," ",["em","(default: [1, 2, 3, 5, 10, 25, 50])"]],["para","The years unit steps."],["header",{"level":3},"categoryAxis.background ",["inlinecode","String"]],["para","The background color of the axis."],["header",{"level":3},"categoryAxis.baseUnit ",["inlinecode","String"]],["para","The base time interval for the date axis. The default base unit is determined automatically from the minimum difference\nbetween subsequent categories."],["para","The supported values are:"],["bulletlist",["listitem","\"days\""],["listitem","\"fit\""],["listitem","\"hours\""],["listitem","\"minutes\""],["listitem","\"months\""],["listitem","\"weeks\""],["listitem","\"years\""]],["para","Setting ",["inlinecode","baseUnit"]," to \"fit\" will set such base unit and ",["link",{"href":"#configuration-categoryAxis.baseUnitStep"},"categoryAxis.baseUnitStep"],"\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","Series data is aggregated for the specified base unit using the ",["link",{"href":"#configuration-series.aggregate"},"series.aggregate"]," function."],["header",{"level":3},"categoryAxis.baseUnitStep ",["inlinecode","Object"]," ",["em","(default: 1)"]],["para","The step (interval) between categories in base units. Setting it to \"auto\" will set the step to such value\nthat the total number of categories does not exceed ",["link",{"href":"#configuration-categoryAxis.maxDateGroups"},"categoryAxis.maxDateGroups"],"."],["para","This option is ignored if ",["link",{"href":"#configuration-categoryAxis.baseUnit"},"categoryAxis.baseUnit"]," is set to \"fit\"."],["header",{"level":3},"categoryAxis.labels.culture ",["inlinecode","String"]],["para","Culture to use for formatting the dates. See ",["link",{"href":"/getting-started/framework/globalization/overview"},"Globalization"]," for more information.\nIt defaults to the global culture."],["header",{"level":3},"categoryAxis.labels.dateFormats ",["inlinecode","Object"]],["para","Date format strings"],["header",{"level":4},["em","\"hours\""]],["para","\"HH:mm\""],["header",{"level":4},["em","\"days\""]],["para","\"M/d\""],["header",{"level":4},["em","\"weeks\""]],["para","\"M/d\""],["header",{"level":4},["em","\"months\""]],["para","\"MMM 'yy\""],["header",{"level":4},["em","\"years\""]],["para","\"yyyy\""],["para","The Chart will choose the appropriate format for the current ",["inlinecode","baseUnit"],".\nSetting the labels ",["strong","format"]," option will override these defaults."],["header",{"level":3},"categoryAxis.max ",["inlinecode","Object"]],["para","The last date displayed on the axis.\nBy default, the minimum date is the same as the last category.\nThis is often used in combination with the ",["strong","min"]," and ",["strong","roundToBaseUnit"]," configuration options to\nset up a fixed date range."],["header",{"level":3},"categoryAxis.min ",["inlinecode","Object"]],["para","The first date displayed on the axis.\nBy default, the minimum date is the same as the first category.\nThis is often used in combination with the ",["strong","max"]," and ",["strong","roundToBaseUnit"]," configuration options to\nset up a fixed date range."],["header",{"level":3},"categoryAxis.roundToBaseUnit ",["inlinecode","Boolean"],["em","(default: true)"]],["para","By default, the first and last dates will be rounded off to the nearest base unit.\nSpecifying ",["strong","false"]," for this option will disable this behavior."],["para","This option is most useful in combination with explicit ",["strong","min"]," and ",["strong","max"]," dates."],["para","It will be ignored if either column, ohlc or candlestick series are plotted on the axis."],["header",{"level":3},"categoryAxis.weekStartDay ",["inlinecode","Number"],["em","(default: kendo.days.Sunday)"]],["para","Specifies the week start day when ",["strong","baseUnit"]," is set to \"weeks\".\nUse the ",["em","kendo.days"]," constants to specify the day by name."],["bulletlist",["listitem","kendo.days.Sunday (0)"],["listitem","kendo.days.Monday (1)"],["listitem","kendo.days.Tuesday (2)"],["listitem","kendo.days.Wednesday (3)"],["listitem","kendo.days.Thursday (4)"],["listitem","kendo.days.Friday (5)"],["listitem","kendo.days.Saturday (6)"]],["header",{"level":3},"categoryAxis.maxDateGroups ",["inlinecode","Number"]],["para","Specifies the maximum number of groups (categories) to produce when\neither ",["strong","baseUnit"]," is set to \"fit\" or ",["strong","baseUnitStep"]," is set to \"auto\"."],["para","This option is ignored in all other cases."],["para","The default value is approximately equal to ",["inlinecode","[widget width, px] / 30"]],["header",{"level":3},"categoryAxis.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the axis."],["header",{"level":3},"categoryAxis.crosshair ",["inlinecode","Object"]],["para","The crosshair configuration options."],["header",{"level":3},"categoryAxis.crosshair.color ",["inlinecode","String"]],["para","The color of the crosshair."],["header",{"level":3},"categoryAxis.crosshair.width ",["inlinecode","Number"]],["para","The width of the crosshair."],["header",{"level":3},"categoryAxis.crosshair.opacity ",["inlinecode","Number"]],["para","The opacity of the crosshair."],["header",{"level":3},"categoryAxis.crosshair.dashType ",["inlinecode","Number"]],["para","The dash type of the crosshair."],["header",{"level":3},"categoryAxis.crosshair.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","The dash type of the crosshair."],["header",{"level":3},"categoryAxis.crosshair.tooltip ",["inlinecode","Object"]],["para","The crosshar tooltip configuration options."],["header",{"level":3},"categoryAxis.crosshair.tooltip.background ",["inlinecode","String"]],["para","The background color of the tooltip."],["header",{"level":3},"categoryAxis.crosshair.tooltip.border ",["inlinecode","Object"]],["para","The border configuration options."],["header",{"level":3},"categoryAxis.crosshair.tooltip.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"categoryAxis.crosshair.tooltip.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"categoryAxis.crosshair.tooltip.color ",["inlinecode","String"]],["para","The text color of the tooltip."],["header",{"level":3},"categoryAxis.crosshair.tooltip.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The tooltip font."],["header",{"level":3},"categoryAxis.crosshair.tooltip.format ",["inlinecode","String"]],["para","The tooltip format."],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"C\""],["header",{"level":3},"categoryAxis.crosshair.tooltip.padding ",["inlinecode","Number|Object"]],["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"],["header",{"level":3},"categoryAxis.crosshair.tooltip.template ",["inlinecode","String|Function"]],["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [{\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003],\n crosshair: {\n visible: true,\n tooltip: {\n visible: true,\n template: \"|#= value #|\"\n }\n }\n }\n});"],["header",{"level":3},"categoryAxis.crosshair.tooltip.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","A value indicating if the tooltip should be displayed."],["header",{"level":3},"categoryAxis.notes ",["inlinecode","Object"]],["para","The category axis notes configuration."],["header",{"level":3},"categoryAxis.notes.position ",["inlinecode","String"]],["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]],["header",{"level":3},"categoryAxis.notes.icon ",["inlinecode","Object"]],["para","The icon of the notes."],["header",{"level":3},"categoryAxis.notes.icon.background ",["inlinecode","String"]],["para","The background color of the notes icon."],["header",{"level":4},"Example - set the category axis notes icon background"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.icon.border ",["inlinecode","Object"]],["para","The border of the icon."],["header",{"level":4},"Example - set the category axis notes icon border"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.icon.border.color ",["inlinecode","String"]],["para","The border color of the icon."],["header",{"level":4},"Example - set the category axis notes icon border color"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.icon.border.width ",["inlinecode","Number"]],["para","The border width of the icon."],["header",{"level":4},"Example - set the category axis notes icon border width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.icon.size ",["inlinecode","Number"]],["para","The size of the icon."],["header",{"level":4},"Example - set the category axis notes icon size"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.icon.type ",["inlinecode","String"]," ",["em","(default: \"circle\")"]],["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the category axis notes icon shape"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.icon.visible ",["inlinecode","Boolean"]," ",["em","(default: \"true\")"]],["para","The icon visibility."],["header",{"level":4},"Example - set the category axis notes icon visibility"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label ",["inlinecode","Object"]],["para","The label of the notes."],["header",{"level":3},"categoryAxis.notes.label.background ",["inlinecode","String"]],["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis label background"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.border ",["inlinecode","Object"]],["para","The border of the label."],["header",{"level":4},"Example - set the category axis label border"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis label border color"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the category axis label border dash type"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the category axis label border width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.color ",["inlinecode","String"]],["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis label color as a hex string"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the label."],["header",{"level":4},"Example - set the chart series label font"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]],["header",{"level":4},"Example - set the category axis notes label template as a string"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."],["header",{"level":4},"Example - hide the category axis notes label"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the category axis notes label"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["header",{"level":4},"Example - set the category axis notes label format"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.label.position ",["inlinecode","String"]," ",["em","(default: \"inside\")"]],["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]],["header",{"level":3},"categoryAxis.notes.line ",["inlinecode","Object"]],["para","The line of the notes."],["header",{"level":3},"categoryAxis.notes.line.width ",["inlinecode","Number"]],["para","The line width of the notes."],["header",{"level":4},"Example - set the category axis notes line width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.line.color ",["inlinecode","String"]],["para","The line color of the notes."],["header",{"level":4},"Example - set the category axis notes color width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.line.length ",["inlinecode","Number"]],["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the category axis notes color width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data ",["inlinecode","Array"]],["para","The items of the notes."],["header",{"level":3},"categoryAxis.notes.data.value ",["inlinecode","Object"]],["para","The value of the note."],["header",{"level":3},"categoryAxis.notes.data.position ",["inlinecode","String"]],["para","The position of the category axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]],["header",{"level":3},"categoryAxis.notes.data.icon ",["inlinecode","Object"]],["para","The icon of the note."],["header",{"level":3},"categoryAxis.notes.data.icon.background ",["inlinecode","String"]],["para","The background color of the note icon."],["header",{"level":4},"Example - set the category axis note icon background"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.icon.border ",["inlinecode","Object"]],["para","The border of the icon."],["header",{"level":4},"Example - set the category axis note icon border"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.icon.border.color ",["inlinecode","String"]],["para","The border color of the icon."],["header",{"level":4},"Example - set the category axis note icon border color"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.icon.border.width ",["inlinecode","Number"]],["para","The border width of the icon."],["header",{"level":4},"Example - set the category axis note icon border width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.icon.size ",["inlinecode","Number"]],["para","The size of the icon."],["header",{"level":4},"Example - set the category axis note icon size"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.icon.type ",["inlinecode","String"]," ",["em","(default: \"circle\")"]],["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the category axis note icon shape"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.icon.visible ",["inlinecode","Boolean"]," ",["em","(default: \"true\")"]],["para","The icon visibility."],["header",{"level":4},"Example - set the category axis note icon visibility"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label ",["inlinecode","Object"]],["para","The label of the note."],["header",{"level":3},"categoryAxis.notes.data.label.background ",["inlinecode","String"]],["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis note label background"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.border ",["inlinecode","Object"]],["para","The border of the label."],["header",{"level":4},"Example - set the category axis note label border"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis note label border color"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the category axis note label border dash type"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the category axis note label border width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.color ",["inlinecode","String"]],["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the category axis note label color as a hex string"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the note label."],["header",{"level":4},"Example - set the category axis note label font"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the category value"]],["header",{"level":4},"Example - set the category axis note label template as a string"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the category notes label. By default the category notes label are visible."],["header",{"level":4},"Example - hide the category axis note label"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the category axis note label"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the category value."],["header",{"level":4},"Example - set the category axis note label format"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.text ",["inlinecode","String"]],["para","The label note text."],["header",{"level":4},"Example - set the category axis label note text"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.label.position ",["inlinecode","String"]," ",["em","(default: \"inside\")"]],["para","The position of the category axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]],["header",{"level":3},"categoryAxis.notes.data.line ",["inlinecode","Object"]],["para","The line of the note."],["header",{"level":3},"categoryAxis.notes.data.line.width ",["inlinecode","Number"]],["para","The line width of the note."],["header",{"level":4},"Example - set the category axis note line width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.line.color ",["inlinecode","String"]],["para","The line color of the note."],["header",{"level":4},"Example - set the category axis note color width"],["code_block","\n"],["header",{"level":3},"categoryAxis.notes.data.line.length ",["inlinecode","Number"]],["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the category axis note color width"],["code_block","\n"],["header",{"level":3},"chartArea ",["inlinecode","Object"]],["para","The chart area configuration options.\nThis is the entire visible area of the chart."],["header",{"level":3},"chartArea.background ",["inlinecode","String"],["em","(default: \"white\")"]],["para","The background color of the chart area."],["header",{"level":3},"chartArea.opacity ",["inlinecode","Number"],["em","(default: 1)"]],["para","The background opacity of the chart area."],["header",{"level":3},"chartArea.border ",["inlinecode","Object"]],["para","The border of the chart area."],["header",{"level":3},"chartArea.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"chartArea.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"chartArea.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"chartArea.height ",["inlinecode","Number"],["em","(default: 400)"]],["para","The height of the chart area."],["header",{"level":3},"chartArea.margin ",["inlinecode","Number|Object"],["em","(default: 5)"]],["para","The margin of the chart area."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 5px (by default)\nmargin: { top: 1, left: 1 }"],["header",{"level":3},"chartArea.width ",["inlinecode","Number"],["em","(default: 600)"]],["para"," The width of the chart area."],["header",{"level":3},"dataSource ",["inlinecode","Object"]],["para","DataSource configuration or instance."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n dataSource: {\n transport: {\n read: \"spain-electricity.json\"\n }\n },\n series: [{\n field: \"value\"\n }],\n categoryAxis: {\n field: \"year\"\n }\n});\n\n// Alternative configuration\nvar dataSource = new kendo.data.DataSource({\n transport: {\n read: \"spain-electricity.json\"\n }\n});\n\n$(\"#chart\").kendoChart({\n dataSource: dataSource,\n series: [{\n field: \"value\"\n }],\n categoryAxis: {\n field: \"year\"\n }\n});"],["header",{"level":3},"autoBind ",["inlinecode","Boolean"],["em","(default: true)"]],["para","Indicates whether the chart will call read on the data source initially."],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n dataSource: chartDataSource,\n chartBind: false\n});\n\n// ...\nnaviDataSource.read();"],["header",{"level":3},"legend ",["inlinecode","Object"]],["para","The chart legend configuration options."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // set the background color to a dark blue\n background: \"#336699\",\n labels: {\n // set the font to a size of 14px\n font: \"14px Arial,Helvetica,sans-serif\",\n // set the color to red\n color: \"red\"\n },\n // move the legend to the left\n position: \"left\",\n // move the legend a bit closer to the chart by setting the x offset to 20\n offsetX: 20,\n // move the legend up to the top by setting the y offset to -100\n offsetY: -100,\n }\n});"],["header",{"level":3},"legend.background ",["inlinecode","String"],["em","(default: \"white\")"]],["para"," The background color of the legend. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"legend.border ",["inlinecode","Object"]],["para","The border of the legend."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n border: {\n // set the border width to 2 pixels\n width: 2,\n // set the color to grey\n color: \"grey\",\n // set the dash type to solid. this is the default so we could leave this line out.\n dashType: \"solid\"\n }\n },\n ...\n});"],["header",{"level":3},"legend.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"legend.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":4},"Example"],["header",{"level":3},"legend.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"legend.labels ",["inlinecode","Object"]],["para","Configures the legend labels."],["header",{"level":3},"legend.labels.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the labels.\nAny valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"legend.labels.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the labels."],["header",{"level":3},"legend.labels.template ",["inlinecode","String"]],["para","The template of the labels.\nTemplate variables:\n",["em"," ",["strong","text"]," - the text the legend item.\n"]," ",["strong","series"]," - the data series."],["header",{"level":3},"legend.margin ",["inlinecode","Number | Object"],["em","(default: 10)"]],["para"," The margin of the legend."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // sets the top, right, bottom and left margin to 3px.\n margin: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n legend: {\n // sets the top and left margin to 1px\n // margin right and bottom are with 10px (by default)\n margin: { top: 1, left: 1 }\n },\n ...\n});"],["header",{"level":3},"legend.offsetX ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The X offset from its position. The offset is relative to the current position of the legend.\nFor instance, a value of 20 will move the legend 20 pixels to the right of it's initial position. A negative value will move the legend\nto the left of the current position."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // move the legend to the left side of the chart\n offsetX: 20\n },\n ...\n});"],["header",{"level":3},"legend.offsetY ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The Y offset from its position. The offset is relative to the current position of the legend.\nFor instance, a value of 20 will move the legend 20 pixels down from it's initial position. A negative value will move the legend\nupwards from the current position."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // move the legend up 100 pixels\n offsetY: -100\n },\n ...\n});"],["header",{"level":3},"legend.padding ",["inlinecode","Number | Object"],["em","(default: 5)"]],["para"," The padding of the legend."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\n$(\"#chart\").kendoChart({\n legend: {\n // sets the top, right, bottom and left padding to 3px.\n padding: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n legend: {\n // sets the top and left padding to 1px\n // padding right and bottom are with 5px (by default)\n padding: { top: 1, left: 1 }\n },\n ...\n});"],["header",{"level":3},"legend.position ",["inlinecode","String"],["em","(default: \"right\")"]],["para"," The positions of the legend."],["header",{"level":4},["em","\"top\""]],["para","The legend is positioned on the top."],["header",{"level":4},["em","\"bottom\""]],["para","The legend is positioned on the bottom."],["header",{"level":4},["em","\"left\""]],["para","The legend is positioned on the left."],["header",{"level":4},["em","\"right\""]],["para","The legend is positioned on the right."],["header",{"level":4},["em","\"custom\""]],["para","The legend is positioned using OffsetX and OffsetY."],["header",{"level":3},"legend.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para"," The visibility of the legend."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n legend: {\n // show the legend\n visible: true\n },\n ...\n});"],["header",{"level":3},"legend.inactiveItems ",["inlinecode","Object"]],["para","Configures the legend inactive items."],["header",{"level":3},"legend.inactiveItems.labels ",["inlinecode","Object"]],["para","Configures the legend labels."],["header",{"level":3},"legend.inactiveItems.labels.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the labels.\nAny valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"legend.inactiveItems.labels.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the labels."],["header",{"level":3},"legend.inactiveItems.labels.template ",["inlinecode","String"]],["para","The template of the labels.\nTemplate variables:"],["bulletlist",["listitem",["strong","text"]," - the text the legend item."],["listitem",["strong","series"]," - the data series."],["listitem",["strong","value"]," - the point value. (only for donut and pie charts)"],["listitem",["strong","percentage"]," - the point value represented as a percentage value. (only for donut and pie charts)"],["listitem",["strong","dataItem"]," - the original data item used to construct the point. (only for donut and pie charts)"]],["header",{"level":3},"legend.inactiveItems.markers ",["inlinecode","Object"]],["para","Configures the legend markers."],["header",{"level":3},"legend.inactiveItems.markers.color ",["inlinecode","String"]],["para","The color of the markers.\nAny valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"panes ",["inlinecode","Array"]],["para","The chart panes configuration."],["para","Panes are used to split the chart in two or more parts. The panes are ordered from top to bottom."],["para","Each axis can be associated with a pane by setting its ",["inlinecode","pane"]," option to the name of the desired pane.\nAxis that don't have specified pane are placed in the top (default) pane."],["para","Series are moved to the desired pane by associating them with an axis."],["header",{"level":3},"panes.name ",["inlinecode","String"]],["para","The unique pane name."],["header",{"level":3},"panes.margin ",["inlinecode","Number|Object"]],["para","The margin of the pane."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\nmargin: { top: 1, left: 1 }"],["header",{"level":3},"panes.padding ",["inlinecode","Number|Object"]],["para","The padding of the pane."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\npadding: { top: 1, left: 1 }"],["header",{"level":3},"panes.background ",["inlinecode","String"]],["para","The background color of the pane."],["header",{"level":3},"panes.border ",["inlinecode","Object"]],["para","The border of the pane."],["header",{"level":3},"panes.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"panes.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"panes.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"panes.height ",["inlinecode","Number"]],["para","The pane height in pixels."],["header",{"level":3},"panes.title ",["inlinecode","String|Object"]],["para","The pane title text or configuration."],["header",{"level":3},"panes.title.background ",["inlinecode","String"]],["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."],["header",{"level":3},"panes.title.border ",["inlinecode","Object"]],["para","The border of the title."],["header",{"level":3},"panes.title.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."],["header",{"level":3},"panes.title.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"panes.title.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"panes.title.color ",["inlinecode","String"]],["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"panes.title.font ",["inlinecode","String"],["em","(default: \"16px Arial,Helvetica,sans-serif\")"]],["para","The font style of the title."],["header",{"level":3},"panes.title.margin ",["inlinecode","Number|Object"],["em","(default: 5)"]],["para","The margin of the title."],["header",{"level":3},"panes.title.position ",["inlinecode","String"],["em","(default: \"center\")"]],["para","The position of the title."],["header",{"level":4},["em","\"left\""]],["para","The pane title is positioned on the left"],["header",{"level":4},["em","\"right\""]],["para","The pane title is positioned on the right"],["header",{"level":4},["em","\"center\""]],["para","The pane title is positioned in the center"],["header",{"level":3},"panes.title.text ",["inlinecode","String"]],["para","The text of the title."],["header",{"level":3},"panes.title.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the title."],["header",{"level":3},"plotArea ",["inlinecode","Object"]],["para","The plot area configuration options. This is the area containing the plotted series."],["header",{"level":3},"plotArea.background ",["inlinecode","String"],["em","(default: \"white\")"]],["para"," The background color of the plot area."],["header",{"level":3},"plotArea.opacity ",["inlinecode","Number"],["em","(default: 1)"]],["para"," The background opacity of the plot area."],["header",{"level":3},"plotArea.border ",["inlinecode","Object"]],["para","The border of the plot area."],["header",{"level":3},"plotArea.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"plotArea.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"plotArea.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"plotArea.margin ",["inlinecode","Number|Object"],["em","(default: 5)"]],["para"," The margin of the plot area."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 5px (by default)\nmargin: { top: 1, left: 1 }"],["header",{"level":3},"renderAs ",["inlinecode","String"]],["para","Sets the preferred rendering engine.\nIf it is not supported by the browser, the Chart will switch to the first available mode."],["para","The supported values are:"],["bulletlist",["listitem","\"svg\" - renders the widget as inline SVG document, if available"],["listitem","\"vml\" - renders the widget as VML, if available"],["listitem","\"canvas\" - renders the widget as a Canvas element, if available."]],["blockquote",["para","Using Canvas rendering disables most interactive features."]],["header",{"level":3},"Example - Render as Canvas, if supported"],["code_block","\n"],["header",{"level":3},"series ",["inlinecode","Array"]],["para","Array of series definitions."],["para","The series type is determined by the value of the type field.\nIf a type value is missing, the type is assumed to be the one specified in seriesDefaults."],["para","Each series type has a different set of options."],["blockquote",["para",["strong","Info:"]," Some options accept function as argument. They will be evaluated for each point (supplied as parameter). The theme/seriesDefaults value will be used if no value is returned."]],["header",{"level":3},"series.type ",["inlinecode","String"]],["para","The type of the series. Available types:"],["bulletlist",["listitem","area"],["listitem","column"],["listitem","line"],["listitem","candlestick, ohlc"],["listitem","bullet"]],["header",{"level":3},"series.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The series line dash type."],["para",["strong"," Applicable only to line series "]],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"series.data ",["inlinecode","Array"]],["para","Array of data items. The data item type can be either a:"],["bulletlist",["listitem","Array of objects. Each point is bound to the specified series fields."],["listitem","Array of numbers. Available for area, column and line series."],["listitem","Array of arrays of numbers. Available for:",["bulletlist",["listitem","OHLC and candlestick series (open, high, low, close)"]]]],["header",{"level":3},"series.highField ",["inlinecode","String"]],["para","The data field containing the high value."],["para",["strong"," Available for candlestick and ohlc series only "]],["header",{"level":3},"series.field ",["inlinecode","String"]],["para","The data field containing the series value."],["header",{"level":3},"series.categoryField ",["inlinecode","String"]," ",["em","(default: \"category\")"]],["para","The data item field which contains the category name or date."],["blockquote",["para","The points will be rendered in chronological order if the category is a date."],["para","If specified, the ",["link",{"href":"#configuration-dateField"},"dateField"]," option is used as a default."]],["header",{"level":4},"Example - set series date category field"],["code_block","\n"],["header",{"level":3},"series.currentField ",["inlinecode","String"]],["para","The data field containing the current value."],["para",["strong"," Available for bullet and verticalBullet series. "]],["header",{"level":3},"series.targetField ",["inlinecode","String"]],["para","The data field containing the target value."],["para",["strong"," Available for bullet and verticalBullet series. "]],["header",{"level":3},"series.name ",["inlinecode","String"]],["para","The series name visible in the legend."],["header",{"level":4},"Example - set the series name"],["code_block","\n"],["para","The name can also be a ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which sets the name of the series when bound to grouped data source."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","series - the series options"],["listitem","group - the data group"],["listitem","group.field - the name of the field used for grouping"],["listitem","group.value - the field value for this group."]],["header",{"level":4},"Example - set the chart series group name template"],["code_block","\n"],["header",{"level":3},"series.highlight ",["inlinecode","Object"]],["para","Configures the appearance of highlighted points."],["header",{"level":3},"series.highlight.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","A value indicating if the series points should be highlighted."],["header",{"level":3},"series.highlight.border ",["inlinecode","Object"]],["para","The border of highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Applicable to bubble, pie, candlestick and ohlc series. "]],["header",{"level":3},"series.highlight.border.width ",["inlinecode","Number"]],["para","The width of the border."],["header",{"level":3},"series.highlight.border.color ",["inlinecode","String"]],["para","The border color."],["header",{"level":3},"series.highlight.border.opacity ",["inlinecode","Number"]],["para","The border opacity."],["header",{"level":3},"series.highlight.color ",["inlinecode","String"]],["para","The highlight color."],["para",["strong"," Available only for pie series "]],["header",{"level":3},"series.highlight.line ",["inlinecode","Object"]],["para","Line options for highlighted points. The color is computed automatically from the base point color."],["para",["strong"," Available only for candlestick series "]],["header",{"level":3},"series.highlight.line.width ",["inlinecode","Number"]],["para","The width of the line."],["header",{"level":3},"series.highlight.line.color ",["inlinecode","String"]],["para","The line color."],["header",{"level":3},"series.highlight.line.opacity ",["inlinecode","Number"]],["para","The opacity of the line."],["header",{"level":3},"series.highlight.opacity ",["inlinecode","Number"]],["para","The opacity of the highlighted points."],["para",["strong"," Applicable to bubble, pie, candlestick and ohlc series. "]],["header",{"level":3},"series.aggregate ",["inlinecode","String"],["em","(default: \"max\")"]],["para","The aggregate function to apply for date series."],["para","This function is used when a category (an year, month, etc.) contains two or more points.\nThe function return value is displayed instead of the individual points."],["para","The supported values are:"],["bulletlist",["listitem","\"avg\" - the average of all values for the date period."],["listitem","\"count\" - the number of values for the date period."],["listitem","\"max\" - the highest value for the date period."],["listitem","\"min\" - the lowest value for the date period."],["listitem","\"sum\" - the sum of all values for the date period."],["listitem","\"first\" - the first value"],["listitem","function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item."],["listitem","object - (compound aggregate) ",["strong","Applicable to \"candlestick\" and ohlc \"series\""],". Specifies the aggregate for each data item field."]],["header",{"level":5},"Example"],["code_block","aggregate: {\n open: \"max\",\n high: \"max\",\n close: \"min\",\n low: \"max\"\n}"],["header",{"level":3},"series.axis ",["inlinecode","String"],["em","(default: \"primary\")"]],["para","The name of the value axis to use."],["para",["strong"," Applicable to area, column, line, ohlc and candlestick series "]],["header",{"level":3},"series.border ",["inlinecode","Object"]],["para","The border of the points."],["para",["strong"," Applicable to column, ohlc and candlestick series "]],["header",{"level":3},"series.border.color ",["inlinecode","String|Function"]],["para","The color of the border. It defaults to the color of the current series."],["header",{"level":3},"series.border.dashType ",["inlinecode","String|Function"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"series.border.opacity ",["inlinecode","Number|Function"]],["para","The border opacity."],["header",{"level":3},"series.border.width ",["inlinecode","Number|Function"],["em","(default: 1)"]],["para","The width of the border."],["header",{"level":3},"series.closeField ",["inlinecode","String"]],["para","The data field containing the close value."],["para",["strong"," Available for candlestick and ohlc series only "]],["header",{"level":3},"series.color ",["inlinecode","String|Function"]],["para","The series base color."],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n dataSource: {\n data: [{\n date: new Date(\"2012-03-01 00:00\"),\n price: 111\n }, {\n date: new Date(\"2012-03-02 00:00\"),\n price: 121\n }, {\n date: new Date(\"2012-03-05 00:00\"),\n price: 105\n }]\n },\n dateField: \"date\",\n series: [{\n type: \"column\",\n field: \"price\",\n color: \"#ff0000\"\n }]\n});"],["header",{"level":4},"Example"],["code_block","$(\"#stock-chart\").kendoStockChart({\n dataSource: {\n data: [{\n date: new Date(\"2012-03-01 00:00\"),\n price: 111\n }, {\n date: new Date(\"2012-03-02 00:00\"),\n price: 121\n }, {\n date: new Date(\"2012-03-05 00:00\"),\n price: 95\n }]\n },\n dateField: \"date\",\n series: [{\n type: \"column\",\n field: \"price\",\n color: function(point) {\n if (point.value < 100) {\n // Colorize matching points\n return \"#f00\";\n }\n\n // Use default theme color\n }\n }]\n});"],["header",{"level":3},"series.colorField ",["inlinecode","String"]],["para","The data field containing the point color."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]],["header",{"level":3},"series.downColor ",["inlinecode","String|Function"]],["para","The series color when open value is smoller then close value."],["para",["strong"," Available for candlestick series only "]],["header",{"level":3},"series.downColorField ",["inlinecode","String"]],["para","The data field containing the body color."],["para",["strong"," Available for candlestick series only "]],["header",{"level":3},"series.gap ",["inlinecode","Number"],["em","(default: 1.5)"]],["para","The distance between category clusters."],["para",["strong"," Applicable for column, candlestick and ohlc series. "]],["header",{"level":3},"series.labels ",["inlinecode","Object"]],["para","Configures the series data labels."],["header",{"level":4},["em","\"circle\""]],["para","The labels are positioned in circle around the chart."],["header",{"level":4},["em","\"column\""]],["para","The labels are positioned in columns to the left and right of the chart."],["header",{"level":3},"series.labels.background ",["inlinecode","String|Function"]],["para","The background color of the labels."],["header",{"level":3},"series.labels.border ",["inlinecode","Object"]],["para","The border of the labels."],["header",{"level":3},"series.labels.border.color ",["inlinecode","String|Function"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"series.labels.border.dashType ",["inlinecode","String|Function"],["em","(default: \"solid\")"]],["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"series.labels.border.width ",["inlinecode","Number|Function"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"series.labels.color ",["inlinecode","String|Function"]],["para","The text color of the labels."],["header",{"level":3},"series.labels.font ",["inlinecode","String|Function"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the labels."],["header",{"level":3},"series.labels.format ",["inlinecode","String|Function"]],["para","The format of the labels."],["header",{"level":4},"Example"],["code_block","//sets format of the labels\nformat: \"C\""],["header",{"level":3},"series.labels.margin ",["inlinecode","Number|Object"],["em","(default: { left: 5, right: 5})"]],["para","The margin of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and bottom margin to 1px\n// margin left and right are with 5px (by default)\nmargin: { top: 1, bottom: 1 }"],["header",{"level":3},"series.labels.padding ",["inlinecode","Number|Object"],["em","(default: 0)"]],["para"," The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"],["header",{"level":3},"series.labels.position ",["inlinecode","String|Function"],["em","(default: \"above\")"]],["para","Defines the position of the labels."],["header",{"level":4},["em","\"above\""]],["para","The label is positioned at the top of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"center\""]],["para","The label is positioned at the point center."],["para",["strong"," Applicable for column series only. "]],["header",{"level":4},["em","\"insideEnd\""]],["para","The label is positioned inside, near the end of the point."],["para",["strong"," Applicable for column series only. "]],["header",{"level":4},["em","\"insideBase\""]],["para","The label is positioned inside, near the base of the bar."],["para",["strong"," Applicable for column series. "]],["header",{"level":4},["em","\"outsideEnd\""]],["para","The label is positioned outside, near the end of the bar."],["para",["strong"," Applicable for column series only. Not applicable for stacked series. "]],["header",{"level":4},["em","\"right\""]],["para","The label is positioned to the right of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"below\""]],["para","The label is positioned at the bottom of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":4},["em","\"left\""]],["para","The label is positioned to the left of the marker."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":3},"series.labels.template ",["inlinecode","String | Function"]],["para","The label template. Template variables:"],["bulletlist",["listitem",["strong","value"]," - the point value. Can be a number or object containing each bindable field."],["listitem",["strong","category"]," - the category name\nAvailable for area, column and line series."],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\nWill be null if binding to array."]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125],\n labels: {\n // label template\n template: \"#= value #%\",\n visible: true\n }\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"],["header",{"level":3},"series.labels.visible ",["inlinecode","Boolean|Function"],["em","(default: false)"]],["para"," The visibility of the labels."],["header",{"level":3},"series.line ",["inlinecode","String | Object"]],["para","Line options."],["para",["strong"," Applicable to area, candlestick and ohlc series. "]],["header",{"level":3},"series.line.color ",["inlinecode","String"]],["para","The line color."],["header",{"level":3},"series.line.opacity ",["inlinecode","Number"],["em","(default: 1)"]],["para","The line opacity."],["header",{"level":3},"series.line.width ",["inlinecode","String"],["em","(default: 4)"]],["para","The line width."],["header",{"level":3},"series.line.style ",["inlinecode","String"]," ",["em","(default: \"normal\")"]],["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line with right angle."],["listitem","\"smooth\" - The values will be connected with a smooth line."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\"."]],["header",{"level":3},"series.lowField ",["inlinecode","String"]],["para","The data field containing the low value."],["para",["strong"," Available for candlestick and ohlc series "]],["header",{"level":3},"series.markers ",["inlinecode","Object"]],["para","Marker options."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":3},"series.markers.background ",["inlinecode","String|Function"]],["para","The background color of the current series markers."],["header",{"level":3},"series.markers.border ",["inlinecode","Object|Function"]],["para","The border of the markers."],["header",{"level":3},"series.markers.border.color ",["inlinecode","String|Function"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"series.markers.border.width ",["inlinecode","Number|Function"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"series.markers.size ",["inlinecode","Number|Function"],["em","(default: 6)"]],["para"," The marker size."],["header",{"level":3},"series.markers.rotation ",["inlinecode","Number|Function"]],["para","The rotation angle of the markers."],["header",{"level":4},"Example"],["code_block","\n"],["header",{"level":3},"series.markers.type ",["inlinecode","String|Function"],["em","(default: \"circle\")"]],["para","Configures the markers shape type."],["header",{"level":4},["em","\"square\""]],["para","The marker shape is square."],["header",{"level":4},["em","\"triangle\""]],["para","The marker shape is triangle."],["header",{"level":4},["em","\"circle\""]],["para","The marker shape is circle."],["header",{"level":4},["em","\"cross\""]],["para","The marker shape is cross."],["header",{"level":3},"series.markers.visible ",["inlinecode","Boolean|Function"],["em","(default: false)"]],["para","The markers visibility."],["header",{"level":3},"series.missingValues ",["inlinecode","String"]],["para","The behavior for handling missing values. The supported values are:"],["bulletlist",["listitem","\"gap\" - the plot stops before the missing point and continues after it."],["listitem","\"interpolate\" - the value is interpolated from neighboring points."],["listitem","\"zero\" - the value is assumed to be zero."]],["blockquote",["para","The default value is \"interpolate\", except for \"area\" and stacked series which default to \"zero\"."],["para","The ",["inlinecode","missingValues"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"area\" and \"line\"."]],["header",{"level":3},"series.style ",["inlinecode","String"]," ",["em","(default: \"normal\")"]],["para","The supported values are:"],["bulletlist",["listitem","\"normal\" - The values will be connected with straight line."],["listitem","\"step\" - The values will be connected with a line at right."],["listitem","\"smooth\" - The values will be connected with a smooth line."]],["blockquote",["para","The default value is \"normal\"."],["para","The ",["inlinecode","style"]," option is supported when ",["link",{"href":"#configuration-series.type"},"series.type"]," is set to \"line\"."]],["header",{"level":3},"series.negativeColor ",["inlinecode","String"]],["para","Color to use for bars with negative values."],["para",["strong"," Applicable only to column series. "]],["para","The plot stops before the missing point and continues after it."],["header",{"level":3},"series.opacity ",["inlinecode","Number"]],["para","The series opacity."],["header",{"level":3},"series.openField ",["inlinecode","String"]],["para","The data field containing the open value."],["para",["strong"," Available for candlestick and ohlc series "]],["header",{"level":3},"series.overlay ",["inlinecode","Object"]],["para","The effects overlay."],["header",{"level":3},"series.overlay.gradient ",["inlinecode","String"]],["para","The gradient name."],["para","Available options:"],["bulletlist",["listitem",["strong","glass"]," (column and candlestick series)"],["listitem",["strong","none"]]],["header",{"level":3},"series.spacing ",["inlinecode","Number"],["em","(default: 0.4)"]],["para","Space between points as proportion of the point width."],["para","Available for column, candlestick and ohlc series."],["header",{"level":3},"series.stack ",["inlinecode","Boolean|String"],["em","(default: false)"]],["para","A value indicating if the series should be stacked. String value indicates that the series should be stacked in a group with the specified name.\nAvailable for column series."],["header",{"level":3},"series.tooltip ",["inlinecode","Object"]],["para","The data point tooltip configuration options."],["header",{"level":3},"series.tooltip.background ",["inlinecode","String"]],["para","The background color of the tooltip. The default is determined from the series color."],["header",{"level":3},"series.tooltip.border ",["inlinecode","Object"]],["para","The border configuration options."],["header",{"level":3},"series.tooltip.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"series.tooltip.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"series.tooltip.color ",["inlinecode","String"]],["para","The text color of the tooltip. The default is the same as the series labels color."],["header",{"level":3},"series.tooltip.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The tooltip font."],["header",{"level":3},"series.tooltip.format ",["inlinecode","String"]],["para","The tooltip format. Format variables depend on the series type:"],["bulletlist",["listitem","Area, column, line and pie",["bulletlist",["listitem",["strong","0"]," - value"]]],["listitem","Candlestick and OHLC",["bulletlist",["listitem",["strong","0"]," - open value"],["listitem",["strong","1"]," - high value"],["listitem",["strong","2"]," - low value"],["listitem",["strong","3"]," - close value"],["listitem",["strong","4"]," - category name"]]]],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"{0:C}--{1:C}\""],["header",{"level":3},"series.tooltip.padding ",["inlinecode","Number|Object"]],["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"],["header",{"level":3},"series.tooltip.template ",["inlinecode","String|Function"]],["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n type: \"area\",\n name: \"Series 1\",\n data: [200, 450, 300, 125],\n tooltip: {\n visible: true,\n template: \"#= category # - #= value #\"\n }\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"],["header",{"level":3},"series.tooltip.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","A value indicating if the tooltip should be displayed."],["header",{"level":3},"series.visibleInLegend ",["inlinecode","Boolean"],["em","(default: true)"]],["para","A value indicating whether to show the series name in the legend."],["header",{"level":3},"series.width ",["inlinecode","Number"]],["para","The line width."],["para",["strong"," Applicable for area and line series. "]],["header",{"level":3},"series.target ",["inlinecode","Object"]],["para","The target of the bullet chart."],["header",{"level":3},"series.target.line ",["inlinecode","Object"]],["para","The target line."],["header",{"level":3},"series.target.line.width ",["inlinecode","Object|Function"]],["para","The width of the line."],["header",{"level":3},"series.target.color ",["inlinecode","String|Function"]],["para","The target color."],["header",{"level":3},"series.target.border ",["inlinecode","Object|Function"]],["para","The border of the target."],["header",{"level":3},"series.target.border.color ",["inlinecode","String|Function"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"series.target.border.dashType ",["inlinecode","String|Function"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"series.target.border.width ",["inlinecode","Number|Function"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"series.notes ",["inlinecode","Object"]],["para","The series notes configuration."],["header",{"level":3},"series.notes.icon ",["inlinecode","Object"]],["para","The icon of the notes."],["header",{"level":3},"series.notes.position ",["inlinecode","String"]],["para","The position of the series note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]],["header",{"level":3},"series.notes.icon.background ",["inlinecode","String"]],["para","The background color of the notes icon."],["header",{"level":4},"Example - set the series notes icon background"],["code_block","\n"],["header",{"level":3},"series.notes.icon.border ",["inlinecode","Object"]],["para","The border of the icon."],["header",{"level":4},"Example - set the series notes icon border"],["code_block","\n"],["header",{"level":3},"series.notes.icon.border.color ",["inlinecode","String"]],["para","The border color of the icon."],["header",{"level":4},"Example - set the series notes icon border color"],["code_block","\n"],["header",{"level":3},"series.notes.icon.border.width ",["inlinecode","Number"]],["para","The border width of the icon."],["header",{"level":4},"Example - set the series notes icon border width"],["para"," \n "],["header",{"level":3},"series.notes.icon.size ",["inlinecode","Number"]],["para","The size of the icon."],["header",{"level":4},"Example - set the series notes icon size"],["code_block","\n"],["header",{"level":3},"series.notes.icon.type ",["inlinecode","String"]," ",["em","(default: \"circle\")"]],["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the series notes icon shape"],["code_block","\n"],["header",{"level":3},"series.notes.icon.visible ",["inlinecode","Boolean"]," ",["em","(default: \"true\")"]],["para","The icon visibility."],["header",{"level":4},"Example - set the series notes icon visibility"],["code_block","\n"],["header",{"level":3},"series.notes.label ",["inlinecode","Object"]],["para","The label of the notes."],["header",{"level":3},"series.notes.label.background ",["inlinecode","String"]],["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the series label background"],["code_block","\n"],["header",{"level":3},"series.notes.label.border ",["inlinecode","Object"]],["para","The border of the label."],["header",{"level":4},"Example - set the series label border"],["code_block","\n"],["header",{"level":3},"series.notes.label.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the series label border color"],["code_block","\n"],["header",{"level":3},"series.notes.label.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the series label border dash type"],["code_block","\n"],["header",{"level":3},"series.notes.label.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the series label border width"],["code_block","\n"],["header",{"level":3},"series.notes.label.color ",["inlinecode","String"]],["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the series label color as a hex string"],["code_block","\n"],["header",{"level":3},"series.notes.label.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the label."],["header",{"level":4},"Example - set the chart series notes label font"],["code_block","\n"],["header",{"level":3},"series.notes.label.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the point value"]],["header",{"level":4},"Example - set the series notes label template as a string"],["code_block","\n"],["header",{"level":3},"series.notes.label.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the series notes label. By default the series notes label are visible."],["header",{"level":4},"Example - hide the series notes label"],["code_block","\n"],["header",{"level":3},"series.notes.label.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the series notes label"],["code_block","\n"],["header",{"level":3},"series.notes.label.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."],["header",{"level":4},"Example - set the series notes label format"],["code_block","\n"],["header",{"level":3},"series.notes.label.position ",["inlinecode","String"]," ",["em","(default: \"inside\")"]],["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]],["header",{"level":3},"series.notes.line ",["inlinecode","Object"]],["para","The line of the notes."],["header",{"level":3},"series.notes.line.width ",["inlinecode","Number"]],["para","The line width of the notes."],["header",{"level":4},"Example - set the value axis notes line width"],["code_block","\n"],["header",{"level":3},"series.notes.line.color ",["inlinecode","String"]],["para","The line color of the notes."],["header",{"level":4},"Example - set the series notes color width"],["code_block","\n"],["header",{"level":3},"series.notes.line.length ",["inlinecode","Number"]],["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the series notes color width"],["code_block","\n"],["header",{"level":3},"seriesColors ",["inlinecode","Array"]],["para","The default colors for the chart's series. When all colors are used, new colors are pulled from the start again."],["header",{"level":3},"seriesDefaults ",["inlinecode","Object"]],["para","Default values for each series."],["header",{"level":3},"seriesDefaults.area ",["inlinecode","Object"]],["para","The area configuration options.\nThe default options for all area series. For more details see the series options."],["header",{"level":3},"seriesDefaults.candlestick ",["inlinecode","Object"]],["para","The candlestick configuration options.\nThe default options for all candlestick series. For more details see the series options."],["header",{"level":3},"seriesDefaults.ohlc ",["inlinecode","Object"]],["para","The ohlc configuration options.\nThe default options for all ohlc series. For more details see the series options."],["header",{"level":3},"seriesDefaults.border ",["inlinecode","Object"]],["para","The border of the series."],["header",{"level":3},"seriesDefaults.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"seriesDefaults.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"seriesDefaults.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"seriesDefaults.column ",["inlinecode","Object"]],["para","The column configuration options.\nThe default options for all column series. For more details see the series options."],["header",{"level":3},"seriesDefaults.gap ",["inlinecode","Number"],["em","(default: 1.5)"]],["para"," The distance between category clusters."],["header",{"level":3},"seriesDefaults.labels ",["inlinecode","Object"]],["para","Configures the series data labels."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n seriesDefault: {\n // adjust the default label appearence for all series\n labels: {\n // set the margin on all sides to 1\n margin: 1,\n // format the labels as currency\n format: \"C\"\n }\n },\n ...\n});"],["header",{"level":3},"seriesDefaults.labels.background ",["inlinecode","String"]],["para","The background color of the labels. Any valid CSS color string will work here,\nincluding hex and rgb."],["header",{"level":3},"seriesDefaults.labels.border ",["inlinecode","Object"]],["para","The border of the labels."],["header",{"level":3},"seriesDefaults.labels.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"seriesDefaults.labels.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"seriesDefaults.labels.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"seriesDefaults.labels.color ",["inlinecode","String"]],["para","The text color of the labels. Any valid CSS color string will work here, including hex\nand rgb."],["header",{"level":3},"seriesDefaults.labels.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the labels.\nlabels"],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n seriesDefault: {\n // adjust the default label appearence for all series\n labels: {\n // set the font size to 14px\n font: \"14px Arial,Helvetica,sans-serif\"\n }\n },\n ...\n});"],["header",{"level":3},"seriesDefaults.labels.format ",["inlinecode","String"]],["para","The format of the labels."],["header",{"level":4},"Example"],["code_block","//sets format of the labels\nformat: \"C\""],["header",{"level":3},"seriesDefaults.labels.margin ",["inlinecode","Number|Object"],["em","(default: 0)"]],["para"," The margin of the labels."],["header",{"level":4},"Example"],["code_block","$(\"#chart).kendoChart({\n labels: {\n // sets the top, right, bottom and left margin to 3px.\n margin: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n labels: {\n // sets the top and left margin to 1px\n // margin right and bottom are with 0px (by default)\n margin: { top: 1, left: 1 }\n },\n ...\n});"],["header",{"level":3},"seriesDefaults.labels.padding ",["inlinecode","Number|Object"],["em","(default: 0)"]],["para"," The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"],["header",{"level":3},"seriesDefaults.labels.template ",["inlinecode","String | Function"]],["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n seriesDefault: {\n labels: {\n // label template\n template: \"#= value #%\",\n visible: true\n }\n },\n series: [\n {\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"],["header",{"level":3},"seriesDefaults.labels.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para"," The visibility of the labels."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n seriesDefault: {\n labels: {\n // hide all the series labels by default\n visible: true\n },\n ...\n }\n});"],["header",{"level":3},"seriesDefaults.line ",["inlinecode","Object"]],["para","The line configuration options.\nThe default options for all line series. For more details see the series options."],["header",{"level":3},"seriesDefaults.overlay ",["inlinecode","Object"]],["para","The effects overlay."],["header",{"level":3},"seriesDefaults.pie ",["inlinecode","Object"]],["para","The pie configuration options.\nThe default options for all pie series. For more details see the series options."],["header",{"level":3},"seriesDefaults.spacing ",["inlinecode","Number"],["em","(default: 0.4)"]],["para"," Space between bars."],["header",{"level":3},"seriesDefaults.stack ",["inlinecode","Boolean"],["em","(default: false)"]],["para","A value indicating if the series should be stacked."],["header",{"level":3},"seriesDefaults.tooltip ",["inlinecode","Object"]],["para","The data point tooltip configuration options."],["header",{"level":3},"seriesDefaults.tooltip.background ",["inlinecode","String"]],["para","The background color of the tooltip. The default is determined from the series color."],["header",{"level":3},"seriesDefaults.tooltip.border ",["inlinecode","Object"]],["para","The border configuration options."],["header",{"level":3},"seriesDefaults.tooltip.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"seriesDefaults.tooltip.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"seriesDefaults.tooltip.color ",["inlinecode","String"]],["para","The text color of the tooltip. The default is the same as the series labels color."],["header",{"level":3},"seriesDefaults.tooltip.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para"," The tooltip font."],["header",{"level":3},"seriesDefaults.tooltip.format ",["inlinecode","String"]],["para","The tooltip format."],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"C\""],["header",{"level":3},"seriesDefaults.tooltip.padding ",["inlinecode","Number|Object"]],["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"],["header",{"level":3},"seriesDefaults.tooltip.template ",["inlinecode","String|Function"]],["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n seriesDefaults: {\n tooltip: {\n visible: true,\n template: \"#= category # - #= value #\"\n }\n },\n series: [\n {\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n }\n});"],["header",{"level":3},"seriesDefaults.tooltip.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para"," A value indicating if the tooltip should be displayed."],["header",{"level":3},"theme ",["inlinecode","String"]],["para","Sets Chart theme. Available themes: default, blueOpal, black."],["header",{"level":3},"title ",["inlinecode","Object"],", ",["inlinecode","String"]],["para","The chart title configuration options or text."],["header",{"level":3},"title.align ",["inlinecode","String"],["em","(default: \"center\")"]],["para"," The alignment of the title."],["header",{"level":4},["em","\"left\""]],["para","The text is aligned to the left."],["header",{"level":4},["em","\"center\""]],["para","The text is aligned to the middle."],["header",{"level":4},["em","\"right\""]],["para","The text is aligned to the right."],["header",{"level":3},"title.background ",["inlinecode","String"],["em","(default: \"white\")"]],["para"," The background color of the title."],["header",{"level":3},"title.border ",["inlinecode","Object"]],["para","The border of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n // set border options on the title\n title: {\n border: {\n // set the border color to a dark blue\n color: \"#336699\",\n // set the width of the border to 2 pixels\n width: 2,\n // set the border style to long dashes\n dashType: \"longDash\"\n }\n },\n ...\n});"],["header",{"level":3},"title.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"title.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para"," The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"title.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"title.font ",["inlinecode","String"],["em","(default: \"16px Arial,Helvetica,sans-serif\")"]],["para"," The font of the title."],["header",{"level":3},"title.margin ",["inlinecode","Number | Object"],["em","(default: 5)"]],["para"," The margin of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n // sets the top, right, bottom and left margin to 3px.\n title: {\n margin: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n // sets the top and left margin to 1px\n // margin right and bottom are with 5px (by default)\n title: {\n margin: { top: 1, left: 1 }\n },\n ...\n});"],["header",{"level":3},"title.padding ",["inlinecode","Number | Object"],["em","(default: 5)"]],["para"," The padding of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n // sets the top, right, bottom and left padding to 3px.\n title: {\n padding: 3\n },\n ...\n});\n//\n$(\"#chart\").kendoChart({\n // sets the top and left padding to 1px\n // padding right and bottom are with 5px (by default)\n title: {\n padding: { top: 1, left: 1 }\n },\n ...\n});"],["header",{"level":3},"title.position ",["inlinecode","String"],["em","(default: \"top\")"]],["para"," The position of the title."],["header",{"level":4},["em","\"top\""]],["para","The title is positioned on the top."],["header",{"level":4},["em","\"bottom\""]],["para","The title is positioned on the bottom."],["header",{"level":3},"title.text ",["inlinecode","String"]],["para","The title of the chart. You can also set the text directly for a title with default options."],["header",{"level":4},"Example"],["code_block","$(\"#chart \").kendoChart({\n title: {\n text: \"Sales data\"\n },\n ...\n});\n\n$(\"#chart \").kendoChart({\n title: \"Sales data\",\n ...\n});"],["header",{"level":3},"title.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para"," The visibility of the title."],["header",{"level":4},"Example"],["code_block","$(\"#chart \").kendoChart({\n title: {\n // hides the title\n visible: false\n },\n ...\n});"],["header",{"level":3},"tooltip ",["inlinecode","Object"]],["para","The data point tooltip configuration options."],["header",{"level":3},"tooltip.background ",["inlinecode","String"]],["para","The background color of the tooltip. The default is determined from the series color."],["header",{"level":3},"tooltip.border ",["inlinecode","Object"]],["para","The border configuration options."],["header",{"level":3},"tooltip.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para"," The color of the border."],["header",{"level":3},"tooltip.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para"," The width of the border."],["header",{"level":3},"tooltip.color ",["inlinecode","String"]],["para","The text color of the tooltip. The default is the same as the series labels color."],["header",{"level":3},"tooltip.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para"," The tooltip font."],["header",{"level":3},"tooltip.format ",["inlinecode","String"]],["para","The tooltip format."],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"C\""],["header",{"level":3},"tooltip.padding ",["inlinecode","Number|Object"]],["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"],["header",{"level":3},"tooltip.template ",["inlinecode","String|Function"]],["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value"],["listitem",["strong","category"]," - the category name"],["listitem",["strong","series"]," - the data series"],["listitem",["strong","dataItem"]," - the original data item used to construct the point.\n Will be null if binding to array."]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [{\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n },\n tooltip: {\n visible: true,\n template: \"#= category # - #= value #\"\n }\n});"],["header",{"level":3},"tooltip.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","A value indicating if the tooltip should be displayed."],["header",{"level":3},"tooltip.shared ",["inlinecode","Boolean"],["em","(default: false)"]],["para","A value indicating if the tooltip should be shared."],["header",{"level":3},"tooltip.sharedTemplate ",["inlinecode","String"]],["para","The shared tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","points"]," - the category points"],["listitem",["strong","category"]," - the category name"]],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n title: {\n text: \"Internet Users\"\n },\n series: [{\n name: \"United States\",\n data: [67.96, 68.93, 75, 74, 78]\n }, {\n name: \"World\",\n data: [15.7, 16.7, 20, 23.5, 26.6]\n }],\n categoryAxis: {\n categories: [2005, 2006, 2007, 2008, 2009]\n },\n tooltip: {\n visible: true,\n shared: true,\n sharedTemplate:\n \"#= category # \" +\n \"# for (var i = 0; i < points.length; i++) { #\" +\n \"#= points[i].series.name #: #= points[i].value # \" +\n \"# } #\"\n }\n});"],["header",{"level":3},"transitions ",["inlinecode","Boolean"],["em","(default: true)"]],["para","A value indicating if transition animations should be played."],["header",{"level":3},"valueAxis ",["inlinecode","Array"]],["para","The value axis configuration options."],["header",{"level":3},"valueAxis.axisCrossingValue ",["inlinecode","Object | Date | Array"]],["para","Value at which the category axis crosses this axis. (Only for object)"],["para","Value indicies at which the category axes cross the value axis. (Only for array)"],["para","Date at which the category axis crosses this axis. (Only for date)"],["header",{"level":3},"valueAxis.background ",["inlinecode","String"]],["para","The background color of the axis."],["header",{"level":3},"valueAxis.color ",["inlinecode","String"]],["para","Color to apply to all axis elements.\nIndividual color settings for line and labels take priority. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"valueAxis.labels ",["inlinecode","Object"]],["para","Configures the axis labels."],["header",{"level":3},"valueAxis.labels.background ",["inlinecode","String"]],["para","The background color of the labels. Any valid CSS color string will work here, including\nhex and rgb"],["header",{"level":3},"valueAxis.labels.border ",["inlinecode","Object"]],["para","The border of the labels."],["header",{"level":3},"valueAxis.labels.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border. Any valid CSS color string will work here, including\nhex and rgb."],["header",{"level":3},"valueAxis.labels.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"valueAxis.labels.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"valueAxis.labels.color ",["inlinecode","String"]],["para","The text color of the labels. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"valueAxis.labels.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the labels."],["header",{"level":3},"valueAxis.labels.format ",["inlinecode","String"]],["para","The format of the labels."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n valueAxis: {\n labels: {\n // set the format to currency\n format: \"C\"\n }\n },\n ...\n});"],["header",{"level":3},"valueAxis.labels.margin ",["inlinecode","Number|Object"],["em","(default: 0)"]],["para","The margin of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 0px (by default)\nmargin: { top: 1, left: 1 }"],["header",{"level":3},"valueAxis.labels.mirror ",["inlinecode","Boolean"]],["para","Mirrors the axis labels and ticks.\nIf the labels are normally on the left side of the axis,\nmirroring the axis will render them to the right."],["header",{"level":3},"valueAxis.labels.padding ",["inlinecode","Number | Object"],["em","(default: 0)"]],["para","The padding of the labels."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"],["header",{"level":3},"valueAxis.labels.rotation ",["inlinecode","Number"],["em","(default: 0)"]],["para","The rotation angle of the labels."],["header",{"level":3},"valueAxis.labels.skip ",["inlinecode","Number"],["em","(default: 1)"]],["para","Number of labels to skip.\nSkips rendering the first n labels."],["header",{"level":3},"valueAxis.labels.step ",["inlinecode","Number"],["em","(default: 1)"]],["para","Label rendering step.\nEvery n-th label is rendered where n is the step"],["header",{"level":3},"valueAxis.labels.template ",["inlinecode","String | Function"]],["para","The label template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the value"]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [\n {\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }\n ],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n },\n valueAxis: {\n labels: {\n // labels template\n template: \"#= value #%\"\n }\n }\n});"],["header",{"level":3},"valueAxis.labels.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the labels."],["header",{"level":3},"valueAxis.line ",["inlinecode","Object"]],["para","Configures the axis line. This will also affect the major and minor ticks, but not the grid lines."],["header",{"level":3},"valueAxis.line.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the line. This will also effect the major and minor ticks, but\nnot the grid lines."],["header",{"level":3},"valueAxis.line.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the line."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"valueAxis.line.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the line."],["header",{"level":3},"valueAxis.line.width ",["inlinecode","Number"],["em","(default: 1)"]],["para","The width of the line. This will also effect the major and minor ticks, but\nnot the grid lines."],["header",{"level":3},"valueAxis.majorGridLines ",["inlinecode","Object"]],["para","Configures the major grid lines. These are the lines that are an extension of the major ticks through the\nbody of the chart."],["header",{"level":3},"valueAxis.majorGridLines.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the lines."],["header",{"level":3},"valueAxis.majorGridLines.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the lines."],["header",{"level":3},"valueAxis.majorGridLines.width ",["inlinecode","Number"],["em","(default: 1)"]],["para","The width of the lines."],["header",{"level":3},"valueAxis.majorGridLines.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the value axis major grid lines."],["header",{"level":3},"valueAxis.majorGridLines.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the value axis major grid lines."],["header",{"level":3},"valueAxis.majorTicks ",["inlinecode","Object"]],["para","The major ticks of the axis."],["header",{"level":3},"valueAxis.majorTicks.size ",["inlinecode","Number"],["em","(default: 4)"]],["para","The axis major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the chart."],["header",{"level":3},"valueAxis.majorTicks.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the major ticks."],["header",{"level":3},"valueAxis.majorTicks.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the value axis major ticks lines. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"valueAxis.majorTicks.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the major ticks in pixels."],["header",{"level":3},"valueAxis.majorTicks.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the value axis major ticks."],["header",{"level":3},"valueAxis.majorTicks.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the value axis major ticks."],["header",{"level":3},"valueAxis.majorUnit ",["inlinecode","Number"]],["para","The interval between major divisions."],["header",{"level":3},"valueAxis.max ",["inlinecode","Number"],["em","(default: 1)"]],["para","The maximum value of the axis.\nThis is often used in combination with the ",["strong","min"]," configuration option."],["header",{"level":3},"valueAxis.min ",["inlinecode","Number"],["em","(default: 0)"]],["para","The minimum value of the axis.\nThis is often used in combination with the ",["strong","max"]," configuration option."],["header",{"level":3},"valueAxis.minorGridLines ",["inlinecode","Object"]],["para","Configures the minor grid lines. These are the lines that are an extension of the minor ticks through the"],["header",{"level":3},"valueAxis.minorGridLines.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the lines."],["para","Note that this has no effect if the visibility of the minor grid lines is not set to ",["strong","true"],"."],["header",{"level":3},"valueAxis.minorGridLines.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the minor grid lines."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot.\nbody of the chart."],["para","Note that minor grid lines are not visible by default, therefore none of these settings will take effect without the minor grid lines visibility being set to ",["strong","true"],"."],["header",{"level":3},"valueAxis.minorGridLines.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","The visibility of the lines."],["header",{"level":3},"valueAxis.minorGridLines.width ",["inlinecode","Number"],["em","(default: 1)"]],["para","The width of the lines."],["para","Note that this settings has no effect if the visibility of the minor grid lines is not set to ",["strong","true"],"."],["header",{"level":3},"valueAxis.minorGridLines.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the value axis minor grid lines."],["header",{"level":3},"valueAxis.minorGridLines.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the value axis minor grid lines."],["header",{"level":3},"valueAxis.minorTicks ",["inlinecode","Object"]],["para","The minor ticks of the axis."],["header",{"level":3},"valueAxis.minorTicks.size ",["inlinecode","Number"],["em","(default: 3)"]],["para","The axis minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the chart."],["header",{"level":3},"valueAxis.minorTicks.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the value axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":3},"valueAxis.minorTicks.width ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The width of the minor ticks in pixels."],["header",{"level":3},"valueAxis.minorTicks.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","The visibility of the minor ticks."],["header",{"level":3},"valueAxis.minorTicks.step ",["inlinecode","Number"]," ",["em","(default: 1)"]],["para","The step of the value axis minor ticks."],["header",{"level":3},"valueAxis.minorTicks.skip ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The skip of the value axis minor ticks."],["header",{"level":3},"valueAxis.minorUnit ",["inlinecode","Number"]],["para","The interval between minor divisions.\nIt defaults to 1/5th of the majorUnit."],["header",{"level":3},"valueAxis.name ",["inlinecode","Object"],["em","(default: \"primary\")"]],["para","The unique axis name."],["header",{"level":3},"valueAxis.narrowRange ",["inlinecode","Boolean"],["em","(default: false)"]],["para","Prevents the automatic axis range from snapping to 0."],["header",{"level":3},"valueAxis.pane ",["inlinecode","String"]],["para","The name of the pane that the axis should be rendered in.\nThe axis will be rendered in the first (default) pane if not set."],["header",{"level":3},"valueAxis.plotBands ",["inlinecode","Array"]],["para","The plot bands of the value axis."],["header",{"level":3},"valueAxis.plotBands.from ",["inlinecode","Number"]],["para","The start position of the plot band in axis units."],["header",{"level":3},"valueAxis.plotBands.to ",["inlinecode","Number"]],["para","The end position of the plot band in axis units."],["header",{"level":3},"valueAxis.plotBands.color ",["inlinecode","String"]],["para","The color of the plot band."],["header",{"level":3},"valueAxis.plotBands.opacity ",["inlinecode","Number"]],["para","The opacity of the plot band."],["header",{"level":3},"valueAxis.reverse ",["inlinecode","Boolean"],["em","(default: false)"]],["para","Reverses the axis direction -\nvalues increase from right to left and from top to bottom."],["header",{"level":3},"valueAxis.title ",["inlinecode","Object"]],["para","The title of the value axis."],["header",{"level":3},"valueAxis.title.background ",["inlinecode","String"]],["para","The background color of the title. Any valid CSS color string will work here, including\nhex and rgb."],["header",{"level":3},"valueAxis.title.border ",["inlinecode","Object"]],["para","The border of the title."],["header",{"level":3},"valueAxis.title.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"valueAxis.title.border.dashType ",["inlinecode","String"],["em","(default: \"solid\")"]],["para","The dash type of the border."],["header",{"level":4},["em","\"solid\""]],["para","Specifies a solid line."],["header",{"level":4},["em","\"dot\""]],["para","Specifies a line consisting of dots."],["header",{"level":4},["em","\"dash\""]],["para","Specifies a line consisting of dashes."],["header",{"level":4},["em","\"longDash\""]],["para","Specifies a line consisting of a repeating pattern of long-dash."],["header",{"level":4},["em","\"dashDot\""]],["para","Specifies a line consisting of a repeating pattern of dash-dot."],["header",{"level":4},["em","\"longDashDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot."],["header",{"level":4},["em","\"longDashDotDot\""]],["para","Specifies a line consisting of a repeating pattern of long-dash-dot-dot."],["header",{"level":3},"valueAxis.title.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"valueAxis.title.color ",["inlinecode","String"]],["para","The text color of the title. Any valid CSS color string will work here, including hex and rgb."],["header",{"level":3},"valueAxis.title.font ",["inlinecode","String"],["em","(default: \"16px Arial,Helvetica,sans-serif\")"]],["para","The font style of the title."],["header",{"level":3},"valueAxis.title.margin ",["inlinecode","Number | Object"],["em","(default: 5)"]],["para","The margin of the title."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left margin to 3px.\nmargin: 3\n\n// sets the top and left margin to 1px\n// margin right and bottom are with 0px (by default)\nmargin: { top: 1, left: 1 }"],["header",{"level":3},"valueAxis.title.padding ",["inlinecode","Number | Object"],["em","(default: 0)"]],["para","The padding of the title."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// padding right and bottom are with 0px (by default)\npadding: { top: 1, left: 1 }"],["header",{"level":3},"valueAxis.title.position ",["inlinecode","String"],["em","(default: \"center\")"]],["para","The position of the title."],["header",{"level":4},["em","\"top\""]],["para","The axis title is positioned on the top (applicable to vertical axis)."],["header",{"level":4},["em","\"bottom\""]],["para","The axis title is positioned on the bottom (applicable to vertical axis)."],["header",{"level":4},["em","\"left\""]],["para","The axis title is positioned on the left (applicable to horizontal axis)."],["header",{"level":4},["em","\"right\""]],["para","\"The axis title is positioned on the right (applicable to horizontal axis)."],["header",{"level":4},["em","\"center\""]],["para","\"The axis title is positioned in the center."],["header",{"level":3},"valueAxis.title.rotation ",["inlinecode","Number"],["em","(default: 0)"]],["para","The rotation angle of the title."],["header",{"level":3},"valueAxis.title.text ",["inlinecode","String"]],["para","The text of the title."],["header",{"level":3},"valueAxis.title.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the title."],["header",{"level":3},"valueAxis.visible ",["inlinecode","Boolean"],["em","(default: true)"]],["para","The visibility of the axis."],["header",{"level":3},"valueAxis.crosshair ",["inlinecode","Object"]],["para","The crosshair configuration options."],["header",{"level":3},"valueAxis.crosshair.color ",["inlinecode","String"]],["para","The color of the crosshair."],["header",{"level":3},"valueAxis.crosshair.width ",["inlinecode","Number"]],["para","The width of the crosshair."],["header",{"level":3},"valueAxis.crosshair.opacity ",["inlinecode","Number"]],["para","The opacity of the crosshair."],["header",{"level":3},"valueAxis.crosshair.dashType ",["inlinecode","Number"]],["para","The dash type of the crosshair."],["header",{"level":3},"valueAxis.crosshair.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","The dash type of the crosshair."],["header",{"level":3},"valueAxis.crosshair.tooltip ",["inlinecode","Object"]],["para","The crosshar tooltip configuration options."],["header",{"level":3},"valueAxis.crosshair.tooltip.background ",["inlinecode","String"]],["para","The background color of the tooltip."],["header",{"level":3},"valueAxis.crosshair.tooltip.border ",["inlinecode","Object"]],["para","The border configuration options."],["header",{"level":3},"valueAxis.crosshair.tooltip.border.color ",["inlinecode","String"],["em","(default: \"black\")"]],["para","The color of the border."],["header",{"level":3},"valueAxis.crosshair.tooltip.border.width ",["inlinecode","Number"],["em","(default: 0)"]],["para","The width of the border."],["header",{"level":3},"valueAxis.crosshair.tooltip.color ",["inlinecode","String"]],["para","The text color of the tooltip."],["header",{"level":3},"valueAxis.crosshair.tooltip.font ",["inlinecode","String"],["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The tooltip font."],["header",{"level":3},"valueAxis.crosshair.tooltip.format ",["inlinecode","String"]],["para","The tooltip format."],["header",{"level":4},"Example"],["code_block","//sets format of the tooltip\nformat: \"C\""],["header",{"level":3},"valueAxis.crosshair.tooltip.padding ",["inlinecode","Number|Object"]],["para","The padding of the tooltip."],["header",{"level":4},"Example"],["code_block","// sets the top, right, bottom and left padding to 3px.\npadding: 3\n\n// sets the top and left padding to 1px\n// right and bottom padding are left at their default values\npadding: { top: 1, left: 1 }"],["header",{"level":3},"valueAxis.crosshair.tooltip.template ",["inlinecode","String|Function"]],["para","The tooltip template.\nTemplate variables:"],["bulletlist",["listitem",["strong","value"]," - the point value (either a number or an object)"]],["header",{"level":4},"Example"],["code_block","// chart initialization\n$(\"#chart\").kendoChart({\n title: {\n text: \"My Chart Title\"\n },\n series: [{\n name: \"Series 1\",\n data: [200, 450, 300, 125]\n }],\n categoryAxis: {\n categories: [2000, 2001, 2002, 2003]\n },\n valueAxis: {\n crosshair: {\n visible: true,\n tooltip: {\n visible: true,\n template: \"value: #= value #\"\n }\n }\n }\n});"],["header",{"level":3},"valueAxis.crosshair.tooltip.visible ",["inlinecode","Boolean"],["em","(default: false)"]],["para","A value indicating if the tooltip should be displayed."],["header",{"level":3},"valueAxis.notes ",["inlinecode","Object"]],["para","The value axis notes configuration."],["header",{"level":3},"valueAxis.notes.position ",["inlinecode","String"]],["para","The position of the value axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]],["header",{"level":3},"valueAxis.notes.icon ",["inlinecode","Object"]],["para","The icon of the notes."],["header",{"level":3},"valueAxis.notes.icon.background ",["inlinecode","String"]],["para","The background color of the notes icon."],["header",{"level":4},"Example - set the value axis notes icon background"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.icon.border ",["inlinecode","Object"]],["para","The border of the icon."],["header",{"level":4},"Example - set the value axis notes icon border"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.icon.border.color ",["inlinecode","String"]],["para","The border color of the icon."],["header",{"level":4},"Example - set the value axis notes icon border color"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.icon.border.width ",["inlinecode","Number"]],["para","The border width of the icon."],["header",{"level":4},"Example - set the value axis notes icon border width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.icon.size ",["inlinecode","Number"]],["para","The size of the icon."],["header",{"level":4},"Example - set the value axis notes icon size"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.icon.type ",["inlinecode","String"]," ",["em","(default: \"circle\")"]],["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the value axis notes icon shape"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.icon.visible ",["inlinecode","Boolean"]," ",["em","(default: \"true\")"]],["para","The icon visibility."],["header",{"level":4},"Example - set the value axis notes icon visibility"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label ",["inlinecode","Object"]],["para","The label of the notes."],["header",{"level":3},"valueAxis.notes.label.background ",["inlinecode","String"]],["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis label background"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.border ",["inlinecode","Object"]],["para","The border of the label."],["header",{"level":4},"Example - set the value axis label border"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis label border color"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the value axis label border dash type"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the value axis label border width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.color ",["inlinecode","String"]],["para","The text color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis label color as a hex string"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the label."],["header",{"level":4},"Example - set the chart series label font"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the value value"]],["header",{"level":4},"Example - set the value axis notes label template as a string"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the value axis notes label. By default the value axis notes label are visible."],["header",{"level":4},"Example - hide the value axis notes label"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the value axis notes label"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the notes label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."],["header",{"level":4},"Example - set the value axis notes label format"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.label.position ",["inlinecode","String"]," ",["em","(default: \"inside\")"]],["para","The position of the labels."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]],["header",{"level":3},"valueAxis.notes.line ",["inlinecode","Object"]],["para","The line of the notes."],["header",{"level":3},"valueAxis.notes.line.width ",["inlinecode","Number"]],["para","The line width of the notes."],["header",{"level":4},"Example - set the value axis notes line width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.line.color ",["inlinecode","String"]],["para","The line color of the notes."],["header",{"level":4},"Example - set the value axis notes color width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.line.length ",["inlinecode","Number"]],["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the value axis notes color width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data ",["inlinecode","Array"]],["para","The items of the notes."],["header",{"level":3},"valueAxis.notes.data.value ",["inlinecode","Object"]],["para","The value of the note."],["header",{"level":3},"valueAxis.notes.data.position ",["inlinecode","String"]],["para","The position of the value axis note."],["bulletlist",["listitem","\"top\" - The note is positioned on the top."],["listitem","\"bottom\" - The note is positioned on the bottom."],["listitem","\"left\" - The note is positioned on the left."],["listitem","\"right\" - The note is positioned on the right."]],["header",{"level":3},"valueAxis.notes.data.icon ",["inlinecode","Object"]],["para","The icon of the note."],["header",{"level":3},"valueAxis.notes.data.icon.background ",["inlinecode","String"]],["para","The background color of the note icon."],["header",{"level":4},"Example - set the value axis note icon background"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.icon.border ",["inlinecode","Object"]],["para","The border of the icon."],["header",{"level":4},"Example - set the value axis note icon border"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.icon.border.color ",["inlinecode","String"]],["para","The border color of the icon."],["header",{"level":4},"Example - set the value axis note icon border color"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.icon.border.width ",["inlinecode","Number"]],["para","The border width of the icon."],["header",{"level":4},"Example - set the value axis note icon border width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.icon.size ",["inlinecode","Number"]],["para","The size of the icon."],["header",{"level":4},"Example - set the value axis note icon size"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.icon.type ",["inlinecode","String"]," ",["em","(default: \"circle\")"]],["para","The icon shape."],["para","The supported values are:\n",["em"," \"circle\" - the marker shape is circle.\n"]," \"square\" - the marker shape is square.\n",["em"," \"triangle\" - the marker shape is triangle.\n"]," \"cross\" - the marker shape is cross."],["header",{"level":4},"Example - set the value axis note icon shape"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.icon.visible ",["inlinecode","Boolean"]," ",["em","(default: \"true\")"]],["para","The icon visibility."],["header",{"level":4},"Example - set the value axis note icon visibility"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label ",["inlinecode","Object"]],["para","The label of the note."],["header",{"level":3},"valueAxis.notes.data.label.background ",["inlinecode","String"]],["para","The background color of the label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis note label background"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.border ",["inlinecode","Object"]],["para","The border of the label."],["header",{"level":4},"Example - set the value axis note label border"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.border.color ",["inlinecode","String"]," ",["em","(default: \"black\")"]],["para","The color of the border. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis note label border color"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.border.dashType ",["inlinecode","String"]," ",["em","(default: \"solid\")"]],["para","The dash type of the border."],["para","The following dash types are supported:"],["bulletlist",["listitem","\"dash\" - a line consisting of dashes"],["listitem","\"dashDot\" - a line consisting of a repeating pattern of dash-dot"],["listitem","\"dot\" - a line consisting of dots"],["listitem","\"longDash\" - a line consisting of a repeating pattern of long-dash"],["listitem","\"longDashDot\" - a line consisting of a repeating pattern of long-dash-dot"],["listitem","\"longDashDotDot\" - a line consisting of a repeating pattern of long-dash-dot-dot"],["listitem","\"solid\" - a solid line"]],["header",{"level":4},"Example - set the value axis note label border dash type"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.border.width ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The width of the border in pixels. By default the border width is set to zero which means that the border will not appear."],["header",{"level":4},"Example - set the value axis note label border width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.color ",["inlinecode","String"]],["para","The text color of the note label. Accepts a valid CSS color string, including hex and rgb."],["header",{"level":4},"Example - set the value axis note label color as a hex string"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.font ",["inlinecode","String"]," ",["em","(default: \"12px Arial,Helvetica,sans-serif\")"]],["para","The font style of the note label."],["header",{"level":4},"Example - set the value axis note label font"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.template ",["inlinecode","String|Function"]],["para","The ",["link",{"href":"/api/framework/kendo#methods-template"},"template"]," which renders the labels."],["para","The fields which can be used in the template are:"],["bulletlist",["listitem","value - the axis value"]],["header",{"level":4},"Example - set the value axis note label template as a string"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.visible ",["inlinecode","Boolean"]," ",["em","(default: true)"]],["para","If set to ",["inlinecode","true"]," the chart will display the value axis notes label. By default the value axis notes label are visible."],["header",{"level":4},"Example - hide the value axis note label"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.rotation ",["inlinecode","Number"]," ",["em","(default: 0)"]],["para","The rotation angle of the label. By default the label are not rotated."],["header",{"level":4},"Example - rotate the value axis note label"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.format ",["inlinecode","String"]," ",["em","(default: \"{0}\")"]],["para","The format used to display the note label. Uses ",["link",{"href":"/api/framework/kendo#methods-format"},"kendo.format"],". Contains one placeholder (\"{0}\") which represents the axis value."],["header",{"level":4},"Example - set the value axis note label format"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.text ",["inlinecode","String"]],["para","The label note text."],["header",{"level":4},"Example - set the value axis label note text"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.label.position ",["inlinecode","String"]," ",["em","(default: \"inside\")"]],["para","The position of the value axis note label."],["bulletlist",["listitem","\"inside\" - the label is positioned inside of the icon."],["listitem","\"outside\" - the label is positioned outside of the icon."]],["header",{"level":3},"valueAxis.notes.data.line ",["inlinecode","Object"]],["para","The line of the note."],["header",{"level":3},"valueAxis.notes.data.line.width ",["inlinecode","Number"]],["para","The line width of the note."],["header",{"level":4},"Example - set the value axis note line width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.line.color ",["inlinecode","String"]],["para","The line color of the note."],["header",{"level":4},"Example - set the value axis note color width"],["code_block","\n"],["header",{"level":3},"valueAxis.notes.data.line.length ",["inlinecode","Number"]],["para","The length of the connecting lines in pixels."],["header",{"level":4},"Example - set the value axis note color width"],["code_block","\n"],["header",{"level":2},"Methods"],["header",{"level":3},"destroy"],["para","Prepares the widget for safe removal from DOM. Detaches all event handlers and removes jQuery.data attributes to avoid memory leaks. Calls destroy method of any child Kendo widgets."],["blockquote",["para","This method does not remove the widget element from DOM."]],["header",{"level":3},"redraw"],["para","Repaints the chart using the currently loaded data."],["header",{"level":3},"refresh"],["para","Reloads the data and renders the chart."],["header",{"level":3},"setDataSource"],["para","Sets the data source of the widget."],["header",{"level":4},"Parameters"],["header",{"level":5},"dataSource ",["inlinecode","kendo.data.DataSource"]],["para","The data source to which the widget should be bound."],["header",{"level":3},"svg"],["para","Returns the ",["link",{"href":"http://www.w3.org/Graphics/SVG/"},"SVG"]," representation of the chart.\nThe returned string is a self-contained SVG document that can be used as is or\nconverted to other formats using tools like ",["link",{"href":"http://inkscape.org/"},"Inkscape"]," and\n",["link",{"href":"http://www.imagemagick.org/"},"ImageMagick"],".\nBoth programs provide command-line interface suitable for server-side processing."],["header",{"level":4},"Returns"],["para",["inlinecode","String"]," the SVG representation of the chart."],["header",{"level":4},"Example - get the SVG representation of the chart"],["code_block","\n"],["header",{"level":3},"imageDataURL"],["para","Returns a PNG image of the chart encoded as a ",["link",{"href":"https://developer.mozilla.org/en-US/docs/data_URIs"},"Data URL"],"."],["header",{"level":4},"Returns"],["para",["inlinecode","String"]," A data URL with ",["inlinecode","image/png"]," MIME type. Will be ",["inlinecode","null"]," if the browser does not support the ",["inlinecode","canvas"]," element."],["header",{"level":4},"Example - show a snapshot of the Chart"],["code_block","\n"],["header",{"level":2},"Events"],["header",{"level":3},"axisLabelClick"],["para","Fires when an axis label is clicked."],["header",{"level":4},"Example"],["code_block","function onAxisLabelClick(e) {\n alert(\"Clicked \" + e.axis.type + \" axis label with value: \" + e.value);\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axis ",["inlinecode","Object"]],["para","The axis that the label belongs to."],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The label value or category name."],["header",{"level":5},"e.text ",["inlinecode","Object"]],["para","The label text."],["header",{"level":5},"e.index ",["inlinecode","Object"]],["para","The label sequential index or category index."],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The original data item used to generate the label.\n",["strong"," Applicable only for data bound category axis. "]],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the label."],["header",{"level":3},"legendItemClick"],["para","Fires when an legend item is clicked."],["header",{"level":4},"Example"],["code_block","function onLegendItemClick(e) {\n alert(\"Clicked \" + e.text + \" series\");\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.text ",["inlinecode","String"]],["para","The name of the series."],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The series options."],["header",{"level":5},"e.seriesIndex ",["inlinecode","Number"]],["para","The series index."],["header",{"level":5},"e.pointIndex ",["inlinecode","Number"]],["para","The point index."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."],["header",{"level":3},"legendItemHover"],["para","Fires when an legend item is hovered."],["header",{"level":4},"Example"],["code_block","function onLegendItemHover(e) {\n alert(\"Hovered \" + e.text + \" series\");\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.text ",["inlinecode","String"]],["para","The name of the series."],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The series options."],["header",{"level":5},"e.seriesIndex ",["inlinecode","Number"]],["para","The series index."],["header",{"level":5},"e.pointIndex ",["inlinecode","Number"]],["para","The point index."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."],["header",{"level":3},"dataBound"],["para","Fires when the chart has received data from the data source\nand is about to render it."],["header",{"level":4},"Example"],["code_block","function onDataBound(e) {\n // Series data is now available\n}"],["header",{"level":3},"dragStart"],["para","Fires when the user has used the mouse or a swipe gesture to drag the chart."],["para","The drag operation can be aborted by calling ",["inlinecode","e.preventDefault()"],"."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the initial range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the drag action."],["header",{"level":3},"drag"],["para","Fires as long as the user is dragging the chart using the mouse or swipe gestures."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the suggested current range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["para","Note that the axis ranges are not updated automatically. You need to call\nset_options with either the suggested or custom min/max values for them to take effect."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n valueAxis: {\n name: \"price\"\n },\n drag: onDrag\n ...\n}\n\nfunction onDrag(e) {\n var minPrice = e.axisRanges.price.min;\n}"],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the drag action."],["header",{"level":3},"dragEnd"],["para","Fires when the user stops dragging the chart."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the final range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the drag action."],["header",{"level":3},"noteClick"],["para","Fired when the user clicks one of the notes."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the widget instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category. Available only for categorical charts (bar, line, area and similar)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."],["header",{"level":5},"e.sender ",["inlinecode","kendo.ui.Chart"]],["para","The widget instance which fired the event."],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value."],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The series of the note."],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The data item of the point's note."],["header",{"level":3},"noteHover"],["para","Fired when the user hovers one of the notes."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the widget instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category. Available only for categorical charts (bar, line, area and similar)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."],["header",{"level":5},"e.sender ",["inlinecode","kendo.ui.Chart"]],["para","The widget instance which fired the event."],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value."],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The series of the note."],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The data item of the point's note."],["header",{"level":3},"plotAreaClick"],["para","Fires when plot area is clicked."],["header",{"level":4},"Example"],["code_block","function onPlotAreaClick(e) {\n alert(\"Clicked X axis value: \" + e.x);\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value.\nAvailable only for categorical charts (bar, line, area and similar)."],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category.\nAvailable only for categorical charts (bar, line, area and similar)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the plot area."],["header",{"level":5},"e.x ",["inlinecode","Object"]],["para","The X axis value or array of values for multi-axis charts."],["header",{"level":5},"e.y ",["inlinecode","Object"]],["para","The X axis value or array of values for multi-axis charts."],["header",{"level":3},"seriesClick"],["para","Fires when chart series are clicked."],["header",{"level":4},"Example"],["code_block","function onSeriesClick(e) {\n alert(\"Clicked value: \" + e.value);\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value."],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category"],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The clicked series."],["header",{"level":5},"e.series.type ",["inlinecode","String"]],["para","The series type"],["header",{"level":5},"e.series.name ",["inlinecode","String"]],["para","The series name"],["header",{"level":5},"e.series.data ",["inlinecode","Array"]],["para","The series data points"],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The original data item (when binding to dataSource)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the data point."],["header",{"level":3},"seriesHover"],["para","Fires when chart series are hovered."],["header",{"level":4},"Example"],["code_block","function onSeriesHover(e) {\n alert(\"Hovered value: \" + e.value);\n}"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.value ",["inlinecode","Object"]],["para","The data point value."],["header",{"level":5},"e.category ",["inlinecode","Object"]],["para","The data point category"],["header",{"level":5},"e.series ",["inlinecode","Object"]],["para","The clicked series."],["header",{"level":5},"e.series.type ",["inlinecode","String"]],["para","The series type"],["header",{"level":5},"e.series.name ",["inlinecode","String"]],["para","The series name"],["header",{"level":5},"e.series.data ",["inlinecode","Array"]],["para","The series data points"],["header",{"level":5},"e.dataItem ",["inlinecode","Object"]],["para","The original data item (when binding to dataSource)."],["header",{"level":5},"e.element ",["inlinecode","Object"]],["para","The DOM element of the data point."],["header",{"level":3},"zoomStart"],["para","Fires when the user has used the mousewheel to zoom the chart."],["para","The zoom operation can be aborted by calling ",["inlinecode","e.preventDefault()"],"."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the initial range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the zoom action."],["header",{"level":3},"zoom"],["para","Fires as long as the user is zooming the chart using the mousewheel."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the suggested current range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["para","Note that the axis ranges are not updated automatically. You need to call\nset_options with either the suggested or custom min/max values for them to take effect."],["header",{"level":4},"Example"],["code_block","$(\"#chart\").kendoChart({\n valueAxis: {\n name: \"price\"\n },\n zoom: onZoom\n ...\n}\n\nfunction onZoom(e) {\n var minPrice = e.axisRanges.price.min;\n}"],["header",{"level":5},"e.delta ",["inlinecode","Number"]],["para","A number that indicates the zoom amount and direction."],["para","A negative delta indicates \"zoom in\", while a positive \"zoom out\"."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the zoom action."],["para","This event can be used to prevent the default mousewheel action (scroll)."],["header",{"level":4},"Example"],["code_block","function onZoom(e) {\n // Prevent window scroll\n e.originalEvent.preventDefault();\n}"],["header",{"level":3},"zoomEnd"],["para","Fires when the user stops zooming the chart."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.axisRanges ",["inlinecode","Object"]],["para","A hastable containing the final range (min and max values) of ",["em","named"]," axes.\nThe axis name is used as a key."],["header",{"level":5},"e.originalEvent ",["inlinecode","Object"]],["para","The original user event that triggered the zoom action."],["header",{"level":3},"selectStart"],["para","Fires when the user starts modifying the axis selection."],["para","The range units are:"],["header",{"level":4},["em","Generic axis"]],["para","Category index (0-based)"],["header",{"level":4},["em","Date axis"]],["para","Date instance"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.from ",["inlinecode","Object"]],["para","The lower boundary of the selected range."],["header",{"level":5},"e.to ",["inlinecode","Object"]],["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."],["header",{"level":3},"select"],["para","Fires when the user modifies the selection."],["para","The range units are:"],["header",{"level":4},["em","Generic axis"]],["para","Category index (0-based)"],["header",{"level":4},["em","Date axis"]],["para","Date instance"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.from ",["inlinecode","Object"]],["para","The lower boundary of the selected range."],["header",{"level":5},"e.to ",["inlinecode","Object"]],["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."],["header",{"level":3},"selectEnd"],["para","Fires when the user completes modifying the selection."],["header",{"level":4},["em","Generic axis"]],["para","Category index (0-based)"],["header",{"level":4},["em","Date axis"]],["para","Date instance"],["header",{"level":4},"Event Data"],["header",{"level":5},"e.from ",["inlinecode","Object"]],["para","The lower boundary of the selected range."],["header",{"level":5},"e.to ",["inlinecode","Object"]],["para","The upper boundary of the selected range."],["para",["em","Note"],": The last selected category is at index ",["link_ref",{"ref":"to - 1","original":"[to - 1]"},"to - 1"]," unless\nthe axis is justified. In this case it is at index [to]."]]},"kendo.data.Binder":{"file":"api/framework/binder.md","name":"kendo.data.Binder","config":[],"methods":[{"name":"refresh","args":[],"short_doc":[["para","Invoked by the Kendo UI MVVM framework when the bound view model value is changed. The binder should update the UI (HTML element or Kendo UI widget) to reflect the view model change."]],"doc":[["para","Invoked by the Kendo UI MVVM framework when the bound view model value is changed. The binder should update the UI (HTML element or Kendo UI widget) to reflect the view model change."],["header",{"level":4},"Example - slide up or down the element when the bound value changes"],["code_block","\n\n"]],"examples":[[["header",{"level":4},"Example - slide up or down the element when the bound value changes"],["code_block","\n\n"]]]}],"events":[],"fields":[{"name":"bindings","type":["Object"],"short_doc":[["para","Represents all bindings applied to the current HTML ",["link",{"href":"#fields-element"},"element"],". Use it to get or set the current view model field value."]],"doc":[["para","Represents all bindings applied to the current HTML ",["link",{"href":"#fields-element"},"element"],". Use it to get or set the current view model field value."],["header",{"level":4},"Example - get the view model field"],["code_block","\n\n"]]},{"name":"element","type":["Element"],"short_doc":[["para","The bound HTML element."]],"doc":[["para","The bound HTML element."],["header",{"level":4},"Example - use the HTML element of the binder"],["code_block","\n\n"]]}],"short_doc":[["para","The base class of the Kendo UI MVVM-style bindings. Use it to create custom MVVM bindings."]],"doc":[["para","The base class of the Kendo UI MVVM-style bindings. Use it to create custom MVVM bindings."],["header",{"level":2},"Fields"],["header",{"level":3},"bindings ",["inlinecode","Object"]],["para","Represents all bindings applied to the current HTML ",["link",{"href":"#fields-element"},"element"],". Use it to get or set the current view model field value."],["header",{"level":4},"Example - get the view model field"],["code_block","\n\n"],["header",{"level":3},"element ",["inlinecode","Element"]],["para","The bound HTML element."],["header",{"level":4},"Example - use the HTML element of the binder"],["code_block","\n\n"],["header",{"level":2},"Class methods"],["header",{"level":3},"extend"],["para","Creates a new binding which inherits from the kendo.data.Binder class."],["header",{"level":4},"Returns"],["para",["inlinecode","Object"]," a new class which inherits the base methods."],["header",{"level":4},"Parameters"],["header",{"level":5},"prototype ",["inlinecode","Object"]],["para","A key/value pair of all methods that the new class will have."],["header",{"level":4},"Example - create custom HTML element binding"],["code_block","\n\n"],["header",{"level":4},"Example - create custom Kendo UI Widget binding"],["code_block","\n"],["header",{"level":2},"Methods"],["header",{"level":3},"refresh"],["para","Invoked by the Kendo UI MVVM framework when the bound view model value is changed. The binder should update the UI (HTML element or Kendo UI widget) to reflect the view model change."],["header",{"level":4},"Example - slide up or down the element when the bound value changes"],["code_block","\n\n"]]},"kendo.Class":{"file":"api/framework/class.md","name":"kendo.Class","config":[],"methods":[],"events":[],"fields":[{"name":"fn","type":["Object"],"short_doc":[["para","An alias to the ",["link",{"href":"https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/prototype"},"prototype"]," of the class. Often used to call methods of the base class."]],"doc":[["para","An alias to the ",["link",{"href":"https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/prototype"},"prototype"]," of the class. Often used to call methods of the base class."],["header",{"level":4},"Example - use the prototype to call base methods"],["code_block",""]]}],"short_doc":[["para","The base class of most Kendo objects. Provides simple inheritance support."]],"doc":[["para","The base class of most Kendo objects. Provides simple inheritance support."],["header",{"level":2},"Fields"],["header",{"level":3},"fn ",["inlinecode","Object"]],["para","An alias to the ",["link",{"href":"https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/prototype"},"prototype"]," of the class. Often used to call methods of the base class."],["header",{"level":4},"Example - use the prototype to call base methods"],["code_block",""],["header",{"level":2},"Class methods"],["header",{"level":3},"extend"],["para","Extends an existing class with new methods."],["header",{"level":4},"Returns"],["para",["inlinecode","Object"]," a new class which inherits the base methods."],["header",{"level":4},"Parameters"],["header",{"level":5},"prototype ",["inlinecode","Object"]],["para","A key/value pair of all methods that the new class will have."],["header",{"level":4},"Example - inheritance"],["code_block",""]]},"kendo.Color":{"file":"api/framework/color.md","name":"kendo.Color","config":[],"methods":[{"name":"diff","args":[],"short_doc":[["para","Computes the relative luminance between two colors."]],"doc":[["para","Computes the relative luminance between two colors."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," The relative luminance."],["header",{"level":4},"Example"],["code_block",""]],"examples":[[["header",{"level":4},"Example"],["code_block",""]]]},{"name":"equals","args":[],"short_doc":[["para","Compares two color objects for equality."]],"doc":[["para","Compares two color objects for equality."],["header",{"level":4},"Returns"],["para",["inlinecode","Boolean"]," returns ",["inlinecode","true"]," if the two colors are the same. Otherwise, ",["inlinecode","false"]],["header",{"level":4},"Example"],["code_block",""]],"examples":[[["header",{"level":4},"Example"],["code_block",""]]]}],"events":[],"fields":[],"short_doc":[["para","The ",["inlinecode","Color"]," object provides a representation of colors, with a set of utility functions."]],"doc":[["para","The ",["inlinecode","Color"]," object provides a representation of colors, with a set of utility functions."],["header",{"level":2},"Methods"],["header",{"level":3},"diff"],["para","Computes the relative luminance between two colors."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," The relative luminance."],["header",{"level":4},"Example"],["code_block",""],["header",{"level":3},"equals"],["para","Compares two color objects for equality."],["header",{"level":4},"Returns"],["para",["inlinecode","Boolean"]," returns ",["inlinecode","true"]," if the two colors are the same. Otherwise, ",["inlinecode","false"]],["header",{"level":4},"Example"],["code_block",""],["header",{"level":2},"Static Methods"],["header",{"level":3},"fromRGB"],["para","Creates a new color object from the rgba channels in the 0..1 range."],["header",{"level":4},"Parameters"],["header",{"level":5},"red ",["inlinecode","Number"]],["para","The red channel of the color, in the range from 0 to 1."],["header",{"level":5},"green ",["inlinecode","Number"]],["para","The green channel of the color, in the range from 0 to 1."],["header",{"level":5},"blue ",["inlinecode","Number"]],["para","The blue channel of the color, in the range from 0 to 1."],["header",{"level":5},"alpha ",["inlinecode","Number"]," ",["em","(optional)"]],["para","The alpha channel of the color, in the range from 0 to 1. Defaults to 1 when omitted."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.Color"]," A new object that represents the color with the passed color coordinates"],["header",{"level":4},"Example - get the level of the node"],["code_block",""],["header",{"level":3},"fromHSV"],["para","Creates a new color object from the hsva channels in the 0..1 range."],["header",{"level":4},"Parameters"],["header",{"level":5},"hue ",["inlinecode","Number"]],["para","The hue channel of the color, in the range from 0 to 1."],["header",{"level":5},"saturation ",["inlinecode","Number"]],["para","The saturation channel of the color, in the range from 0 to 1."],["header",{"level":5},"value ",["inlinecode","Number"]],["para","The value channel of the color, in the range from 0 to 1."],["header",{"level":5},"alpha ",["inlinecode","Number"]," ",["em","(optional)"]],["para","The alpha channel of the color, in the range from 0 to 1. Defaults to 1 when omitted."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.Color"]," A new object that represents the color with the passed color coordinates"],["header",{"level":4},"Example - get the level of the node"],["code_block",""],["header",{"level":3},"fromBytes"],["para","Creates a new color object from the rgba channels in the 0..255 range."],["header",{"level":4},"Parameters"],["header",{"level":5},"red ",["inlinecode","Number"]],["para","The red channel of the color, in the range from 0 to 255."],["header",{"level":5},"green ",["inlinecode","Number"]],["para","The green channel of the color, in the range from 0 to 255."],["header",{"level":5},"blue ",["inlinecode","Number"]],["para","The blue channel of the color, in the range from 0 to 255."],["header",{"level":5},"alpha ",["inlinecode","Number"]," ",["em","(optional)"]],["para","The alpha channel of the color, in the range from 0 to 1. Defaults to 1 when omitted."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.Color"]," A new object that represents the color with the passed color coordinates"],["header",{"level":4},"Example - get the level of the node"],["code_block",""]]},"kendo.data.DataSource":{"file":"api/framework/datasource.md","name":"kendo.data.DataSource","config":[{"name":"aggregate","type":["Array"],"short_doc":[["para","The aggregate(s) which are calculated when the data source populates with data. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["blockquote",["para","The data source calculates aggregates client-side unless the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The aggregate(s) which are calculated when the data source populates with data. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["blockquote",["para","The data source calculates aggregates client-side unless the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - specify aggregates"],["code_block",""]],"sub":[{"name":"field","type":["String"],"short_doc":[["para","The data item field which will be used to calculate the aggregates."]],"doc":[["para","The data item field which will be used to calculate the aggregates."],["header",{"level":4},"Example - specify aggregate field"],["code_block",""]],"orig":"aggregate.field"},{"name":"aggregate","type":["String"],"short_doc":[["para","The name of the aggregate function. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."]],"doc":[["para","The name of the aggregate function. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["header",{"level":4},"Example - specify aggregate function"],["code_block",""]]},{"name":"batch","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the data source will batch CRUD operation requests. For example updating two data items would cause one HTTP request instead of two. By default the data source\nmakes a HTTP request for every CRUD operation."],["blockquote",["para","The changed data items are sent by default as ",["inlinecode","models"],". This can be changed via the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option."]]],"doc":[["para","If set to ",["inlinecode","true"]," the data source will batch CRUD operation requests. For example updating two data items would cause one HTTP request instead of two. By default the data source\nmakes a HTTP request for every CRUD operation."],["blockquote",["para","The changed data items are sent by default as ",["inlinecode","models"],". This can be changed via the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option."]],["header",{"level":4},"Example - enable batch mode"],["code_block",""]]},{"name":"data","type":["Array","String"],"short_doc":[["para","The array of data items which the data source contains. The data source will wrap those items as ",["link",{"href":"/api/framework/obvservableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if ",["link",{"href":"#configuration-schema.model"},"schema.model"]," is set)."],["para","Can be set to a string value if the ",["link",{"href":"#configuration-schema.type"},"schema.type"]," option is set to \"xml\"."]],"doc":[["para","The array of data items which the data source contains. The data source will wrap those items as ",["link",{"href":"/api/framework/obvservableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if ",["link",{"href":"#configuration-schema.model"},"schema.model"]," is set)."],["para","Can be set to a string value if the ",["link",{"href":"#configuration-schema.type"},"schema.type"]," option is set to \"xml\"."],["header",{"level":4},"Example - set the data items of a data source"],["code_block","var dataSource = new kendo.data.DataSource({\n data: [\n { name: \"Jane Doe\", age: 30 },\n { name: \"John Doe\", age: 33 }\n ]\n});\ndataSource.fetch(function(){\n var janeDoe = dataSource.at(0);\n console.log(janeDoe.name); // displays \"Jane Doe\"\n});"],["header",{"level":4},"Example - set the data items as an XML string"],["code_block",""]]},{"name":"filter","type":["Array","Object"],"short_doc":[["para","The filter(s) which is (are) applied over the data items. By default no filter is applied."],["blockquote",["para","The data source filters the data items client-side unless the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The filter(s) which is (are) applied over the data items. By default no filter is applied."],["blockquote",["para","The data source filters the data items client-side unless the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - set a single filter"],["code_block",""],["header",{"level":4},"Example - set filter as conjunction (and)"],["code_block",""],["header",{"level":4},"Example - set filter as disjunction (or)"],["code_block",""]],"sub":[{"name":"value","type":["Object"],"short_doc":[["para","The value to which the ",["link",{"href":"#configuration-filter.field"},"field"]," is compared. The value must be from the same type as the field."]],"doc":[["para","The value to which the ",["link",{"href":"#configuration-filter.field"},"field"]," is compared. The value must be from the same type as the field."],["header",{"level":4},"Example - specify the filter value"],["code_block",""]],"orig":"filter.value"},{"name":"operator","type":["String"],"short_doc":[["para","The filter operator (comparison). The supported operators are: \"eq\" (equal to), \"neq\" (not equal to), \"lt\" (less than), \"lte\" (less than or equal to), \"gt\" (greater than), \"gte\" (greater than or equal to),\n\"startswith\", \"endswith\", \"contains\". The last three are supported only for string fields."]],"doc":[["para","The filter operator (comparison). The supported operators are: \"eq\" (equal to), \"neq\" (not equal to), \"lt\" (less than), \"lte\" (less than or equal to), \"gt\" (greater than), \"gte\" (greater than or equal to),\n\"startswith\", \"endswith\", \"contains\". The last three are supported only for string fields."],["header",{"level":4},"Example - set the filter operator"],["code_block",""]],"orig":"filter.operator"},{"name":"logic","type":["String"],"short_doc":[["para","The logical operation to use when the ",["inlinecode","filter.filters"]," option is set. The supported values are \"and\" and \"or\"."]],"doc":[["para","The logical operation to use when the ",["inlinecode","filter.filters"]," option is set. The supported values are \"and\" and \"or\"."]],"orig":"filter.logic"},{"name":"filters","type":["Array"],"short_doc":[["para","The nested filter expressions. Suppor the same options as ",["link",{"href":"#configuration-filter"},"filter"],". Filters can be nested indefinitely."]],"doc":[["para","The nested filter expressions. Suppor the same options as ",["link",{"href":"#configuration-filter"},"filter"],". Filters can be nested indefinitely."]],"orig":"filter.filters"},{"name":"field","type":["String"],"short_doc":[["para","The data item field to which the filter operator is applied."]],"doc":[["para","The data item field to which the filter operator is applied."],["header",{"level":4},"Example - set the filter field"],["code_block",""]],"orig":"filter.field"}]},{"name":"Example - nested filters","type":[],"short_doc":[["code_block",""]],"doc":[["code_block",""]]},{"name":"Example - set the filter logic","type":[],"short_doc":[["code_block",""]],"doc":[["code_block",""]]},{"name":"group","type":["Array","Object"],"short_doc":[["para","The grouping configuration of the data source. If set the data items will be grouped when the data source is populated. By default grouping is not applied."],["blockquote",["para","The data source groups the data items client-side unless the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The grouping configuration of the data source. If set the data items will be grouped when the data source is populated. By default grouping is not applied."],["blockquote",["para","The data source groups the data items client-side unless the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - set group as an object"],["code_block",""],["header",{"level":4},"Example - set group as an array (subgroups)"],["code_block",""]],"sub":[{"name":"field","type":["String"],"short_doc":[["para","The data item field to group by."]],"doc":[["para","The data item field to group by."],["header",{"level":4},"Example - set the field"],["code_block",""]],"orig":"group.field"},{"name":"dir","type":["String"],"default":"\"asc\"","short_doc":[["para","The sort order of the group. The supported values are \"asc\" (ascending order) and \"desc\" (descending order). The default sort order is ascending."]],"doc":[["para","The sort order of the group. The supported values are \"asc\" (ascending order) and \"desc\" (descending order). The default sort order is ascending."],["header",{"level":4},"Example - sort the groups in descending order"],["code_block",""]],"orig":"group.dir"},{"name":"aggregates","type":["Array"],"short_doc":[["para","The aggregate(s) which are calculated during grouping. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."]],"doc":[["para","The aggregate(s) which are calculated during grouping. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["header",{"level":4},"Example - set group aggregates"],["code_block",""]],"sub":[{"name":"field","type":["String"],"short_doc":[["para","The data item field which will be used to calculate the aggregates."]],"doc":[["para","The data item field which will be used to calculate the aggregates."],["header",{"level":4},"Example - specify aggregate field"],["code_block",""]],"orig":"group.aggregates.field"},{"name":"aggregate","type":["String"],"short_doc":[["para","The name of the aggregate function. Specifies the aggregate function. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."]],"doc":[["para","The name of the aggregate function. Specifies the aggregate function. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["header",{"level":4},"Example - specify aggregate function"],["code_block",""]],"orig":"group.aggregates.aggregate"}],"orig":"group.aggregates"}]},{"name":"page","type":["Number"],"short_doc":[["para","The page of data which the data source will return when the ",["link",{"href":"#methods-view"},"view"]," method is invoked or request from the remote service."],["blockquote",["para","The data source will page the data items client-side unless the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The page of data which the data source will return when the ",["link",{"href":"#methods-view"},"view"]," method is invoked or request from the remote service."],["blockquote",["para","The data source will page the data items client-side unless the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - set the current page"],["code_block",""]]},{"name":"pageSize","type":["Number"],"short_doc":[["para","The number of data items per page."],["blockquote",["para","The data source will page the data items client-side unless the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The number of data items per page."],["blockquote",["para","The data source will page the data items client-side unless the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - set the page size"],["code_block",""]]},{"name":"schema","type":["Object"],"short_doc":[["para","The configuration used to parse the remote service response."]],"doc":[["para","The configuration used to parse the remote service response."],["header",{"level":4},"Example - specify the schema of the remote service"],["code_block",""]],"sub":[{"name":"type","type":["String"],"default":"\"json\"","short_doc":[["para","The type of the response. The supported values are \"xml\" and \"json\". By default the schema interprets the server response as JSON."]],"doc":[["para","The type of the response. The supported values are \"xml\" and \"json\". By default the schema interprets the server response as JSON."],["header",{"level":4},"Example - use XML data"],["code_block",""]],"orig":"schema.type"},{"name":"total","type":["Function","String"],"short_doc":[["para","The field from the server response which contains the total number of data items. Can be set to a function which is called to\nreturn the total number of data items for the response."],["blockquote",["para","If ",["inlinecode","schema.total"]," is not specified the ",["inlinecode","length"]," of the ",["inlinecode","Array"]," returned by ",["link",{"href":"#configuration-schema.data"},"schema.data"]," will be used."],["para","The ",["inlinecode","schema.total"]," option must be set if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The field from the server response which contains the total number of data items. Can be set to a function which is called to\nreturn the total number of data items for the response."],["blockquote",["para","If ",["inlinecode","schema.total"]," is not specified the ",["inlinecode","length"]," of the ",["inlinecode","Array"]," returned by ",["link",{"href":"#configuration-schema.data"},"schema.data"]," will be used."],["para","The ",["inlinecode","schema.total"]," option must be set if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," The total number of data items."],["header",{"level":4},"Example: set total as a string"],["code_block",""],["header",{"level":4},"Example: set total as a function"],["code_block",""]],"orig":"schema.total"},{"name":"parse","type":["Function"],"short_doc":[["para","Executed before the server response is used. Use it to preprocess or parse the server response."]],"doc":[["para","Executed before the server response is used. Use it to preprocess or parse the server response."],["header",{"level":4},"Example - data projection"],["code_block",""]],"orig":"schema.parse"},{"name":"model","type":["Object","kendo.data.Model"],"short_doc":[["para","The data item (model) configuration."],["para","If set to an object the ",["link",{"href":"/api/framework/model#model.define"},"Model.define"]," method will be used to initialize the data source model."],["para","If set to an existing ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance the data source will use that instance and will ",["strong","not"]," initialize a new one."]],"doc":[["para","The data item (model) configuration."],["para","If set to an object the ",["link",{"href":"/api/framework/model#model.define"},"Model.define"]," method will be used to initialize the data source model."],["para","If set to an existing ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance the data source will use that instance and will ",["strong","not"]," initialize a new one."],["header",{"level":4},"Example - set the model as a JavaScript object"],["code_block",""],["header",{"level":4},"Example - set the model as an existing kendo.data.Model instance"],["code_block",""]],"orig":"schema.model"},{"name":"groups","type":["Function","String"],"short_doc":[["para","The field from the server response which contains the groups. Can be set to a function which is called to\nreturn the groups from the response."],["blockquote",["para","The ",["inlinecode","groups"]," option is used only when the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," option is set to ",["inlinecode","true"],"."]],["para","The result should have the following format:"],["code_block","[{\n aggregates: {\n FIEL1DNAME: {\n FUNCTON1NAME: FUNCTION1VALUE,\n FUNCTON2NAME: FUNCTION2VALUE\n },\n FIELD2NAME: {\n FUNCTON1NAME: FUNCTION1VALUE\n }\n },\n field: FIELDNAME, // the field by which the data items are grouped\n hasSubgroups: true, // true if there are subgroups\n items: [\n // either the subgroups or the data items\n {\n aggregates: {\n //nested group aggregates\n },\n field: NESTEDGROUPFIELDNAME,\n hasSubgroups: false,\n items: [\n // data records\n ],\n value: NESTEDGROUPVALUE\n },\n //nestedgroup2, nestedgroup3, etc.\n ],\n value: VALUE // the group key\n} /* other groups */\n]"]],"doc":[["para","The field from the server response which contains the groups. Can be set to a function which is called to\nreturn the groups from the response."],["blockquote",["para","The ",["inlinecode","groups"]," option is used only when the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," option is set to ",["inlinecode","true"],"."]],["para","The result should have the following format:"],["code_block","[{\n aggregates: {\n FIEL1DNAME: {\n FUNCTON1NAME: FUNCTION1VALUE,\n FUNCTON2NAME: FUNCTION2VALUE\n },\n FIELD2NAME: {\n FUNCTON1NAME: FUNCTION1VALUE\n }\n },\n field: FIELDNAME, // the field by which the data items are grouped\n hasSubgroups: true, // true if there are subgroups\n items: [\n // either the subgroups or the data items\n {\n aggregates: {\n //nested group aggregates\n },\n field: NESTEDGROUPFIELDNAME,\n hasSubgroups: false,\n items: [\n // data records\n ],\n value: NESTEDGROUPVALUE\n },\n //nestedgroup2, nestedgroup3, etc.\n ],\n value: VALUE // the group key\n} /* other groups */\n]"],["header",{"level":4},"Example - set groups as a string"],["code_block",""],["header",{"level":4},"Example - set groups as a function"],["code_block",""]],"orig":"schema.groups"},{"name":"errors","type":["Function","String"],"default":"\"errors\"","short_doc":[["para","The field from the server response which contains server-side errors. Can be set to a function which is called to\nreturn the errors for response. If there are any errors the ",["link",{"href":"#events-error"},"error"]," event will be fired."]],"doc":[["para","The field from the server response which contains server-side errors. Can be set to a function which is called to\nreturn the errors for response. If there are any errors the ",["link",{"href":"#events-error"},"error"]," event will be fired."],["header",{"level":4},"Example - specify the error field as a string"],["code_block",""],["header",{"level":4},"Example - specify the error field as a function"],["code_block",""]],"orig":"schema.errors"},{"name":"data","type":["Function","String"],"short_doc":[["para","The field from the server response which contains the data items. Can be set to a function which is called to\nreturn the data items for the response."]],"doc":[["para","The field from the server response which contains the data items. Can be set to a function which is called to\nreturn the data items for the response."],["header",{"level":4},"Returns"],["para",["inlinecode","Array"]," The data items from the response."],["header",{"level":4},"Example - specify the field which contains the data items as a string"],["code_block",""],["header",{"level":4},"Example - specify the field which contains the data items as a function"],["code_block",""]],"orig":"schema.data"},{"name":"aggregates","type":["Function","String"],"short_doc":[["para","The field from the response which contains the aggregate results. Can be set to a function which is called to\nreturn the aggregate results from the response."],["blockquote",["para","The ",["inlinecode","aggregates"]," option is used only when the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"]," option is set to ",["inlinecode","true"],"."]],["para","The result of the function should be a JavaScript object which contains the aggregate results for every fields in the following format:"],["code_block","{\n FIEL1DNAME: {\n FUNCTON1NAME: FUNCTION1VALUE,\n FUNCTON2NAME: FUNCTION2VALUE\n },\n FIELD2NAME: {\n FUNCTON1NAME: FUNCTION1VALUE\n }\n}"],["para","For example if the data source is configured like this:"],["code_block",""],["para","The aggregate results should have the following format:"],["code_block","{\n unitPrice: {\n max: 100,\n min: 1\n },\n productName: {\n count: 42\n }\n}"]],"doc":[["para","The field from the response which contains the aggregate results. Can be set to a function which is called to\nreturn the aggregate results from the response."],["blockquote",["para","The ",["inlinecode","aggregates"]," option is used only when the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"]," option is set to ",["inlinecode","true"],"."]],["para","The result of the function should be a JavaScript object which contains the aggregate results for every fields in the following format:"],["code_block","{\n FIEL1DNAME: {\n FUNCTON1NAME: FUNCTION1VALUE,\n FUNCTON2NAME: FUNCTION2VALUE\n },\n FIELD2NAME: {\n FUNCTON1NAME: FUNCTION1VALUE\n }\n}"],["para","For example if the data source is configured like this:"],["code_block",""],["para","The aggregate results should have the following format:"],["code_block","{\n unitPrice: {\n max: 100,\n min: 1\n },\n productName: {\n count: 42\n }\n}"],["header",{"level":4},"Example - set aggregates as a string"],["code_block",""],["header",{"level":4},"Example - set aggregates as a function"],["code_block",""]],"orig":"schema.aggregates"}]},{"name":"serverAggregates","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the aggregate calculation to the remote service. By default the data source calculates aggregates client-side."],["blockquote",["para","Don't forget to set ",["link",{"href":"#configuration-schema.aggregates"},"schema.aggreagates"]," if you set ",["inlinecode","serverAggregates"]," to ",["inlinecode","true"],"."]]],"doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the aggregate calculation to the remote service. By default the data source calculates aggregates client-side."],["blockquote",["para","Don't forget to set ",["link",{"href":"#configuration-schema.aggregates"},"schema.aggreagates"]," if you set ",["inlinecode","serverAggregates"]," to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - enable server aggregates"],["code_block",""]]},{"name":"serverFiltering","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the filtering implementation to the remote service. By default the data source performs filtering client-side."],["para","By default the ",["link",{"href":"#configuration-filter"},"filter"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the filter ",["inlinecode","{ logic: \"and\", filters: [ { field: \"name\", operator: \"startswith\", value: \"Jane\" } ] }"]," is sent as:"],["bulletlist",["listitem","filter[logic]: and"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[field]: name"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[operator]: startswith"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[value]: Jane"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the filter option in a different format."]],"doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the filtering implementation to the remote service. By default the data source performs filtering client-side."],["para","By default the ",["link",{"href":"#configuration-filter"},"filter"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the filter ",["inlinecode","{ logic: \"and\", filters: [ { field: \"name\", operator: \"startswith\", value: \"Jane\" } ] }"]," is sent as:"],["bulletlist",["listitem","filter[logic]: and"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[field]: name"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[operator]: startswith"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[value]: Jane"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the filter option in a different format."],["header",{"level":4},"Example - enable server filtering"],["code_block",""]]},{"name":"serverGrouping","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the grouping implementation to the remote service. By default the data source performs grouping client-side."],["para","By default the ",["link",{"href":"#configuration-group"},"group"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the group ",["inlinecode","{ field: \"category\", dir: \"desc\" }"]," is sent as:"],["bulletlist",["listitem","group[0][field]: category"],["listitem","group[0][dir]: desc"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the group option in a different format."]],"doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the grouping implementation to the remote service. By default the data source performs grouping client-side."],["para","By default the ",["link",{"href":"#configuration-group"},"group"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the group ",["inlinecode","{ field: \"category\", dir: \"desc\" }"]," is sent as:"],["bulletlist",["listitem","group[0][field]: category"],["listitem","group[0][dir]: desc"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the group option in a different format."],["header",{"level":4},"Example - enable server grouping"],["code_block",""]]},{"name":"serverPaging","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the data item paging implementation to the remote service. By default the data source performs paging client-side."],["blockquote",["para","Don't forget to set ",["link",{"href":"#configuration-schema.total"},"schema.total"]," if you set ",["inlinecode","serverPaging"]," to ",["inlinecode","true"],"."]],["para","The following options are sent to the server when server paging is enabled:"],["bulletlist",["listitem","page - the page of data item to return (",["inlinecode","1"]," means the first page)"],["listitem","pageSize - the number of items to return"],["listitem","skip - how many data items to skip"],["listitem","take - the number of data items to return (the same as ",["inlinecode","pageSize"],")"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the paging options in a different format."]],"doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the data item paging implementation to the remote service. By default the data source performs paging client-side."],["blockquote",["para","Don't forget to set ",["link",{"href":"#configuration-schema.total"},"schema.total"]," if you set ",["inlinecode","serverPaging"]," to ",["inlinecode","true"],"."]],["para","The following options are sent to the server when server paging is enabled:"],["bulletlist",["listitem","page - the page of data item to return (",["inlinecode","1"]," means the first page)"],["listitem","pageSize - the number of items to return"],["listitem","skip - how many data items to skip"],["listitem","take - the number of data items to return (the same as ",["inlinecode","pageSize"],")"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the paging options in a different format."],["header",{"level":4},"Example - enable server paging"],["code_block",""]]},{"name":"serverSorting","type":["Boolean"],"default":"false","short_doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the data item sorting implementation to the remote service. By default the data source performs sorting client-side."],["para","By default the ",["link",{"href":"#configuration-sort"},"sort"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the sort ",["inlinecode","{ field: \"age\", dir: \"desc\" }"]," is sent as:"],["bulletlist",["listitem","sort[0][field]: age"],["listitem","sort[0][dir]: desc"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the paging options in a different format."]],"doc":[["para","If set to ",["inlinecode","true"]," the data source will leave the data item sorting implementation to the remote service. By default the data source performs sorting client-side."],["para","By default the ",["link",{"href":"#configuration-sort"},"sort"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the sort ",["inlinecode","{ field: \"age\", dir: \"desc\" }"]," is sent as:"],["bulletlist",["listitem","sort[0][field]: age"],["listitem","sort[0][dir]: desc"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the paging options in a different format."],["header",{"level":4},"Example - enable server sorting"],["code_block",""]]},{"name":"sort","type":["Array","Object"],"short_doc":[["para","The sort order which will be applied over the data items. By default the data items are not sorted."],["blockquote",["para","The data source sorts the data items client-side unless the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"]," option is set to ",["inlinecode","true"],"."]]],"doc":[["para","The sort order which will be applied over the data items. By default the data items are not sorted."],["blockquote",["para","The data source sorts the data items client-side unless the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - sort the data items"],["code_block",""],["header",{"level":4},"Example - sort the data items by multiple fields"],["code_block",""]],"sub":[{"name":"field","type":["String"],"short_doc":[["para","The field by which the data items are sorted."]],"doc":[["para","The field by which the data items are sorted."],["header",{"level":4},"Example - specify the sort field"],["code_block",""]],"orig":"sort.field"},{"name":"dir","type":["String"],"short_doc":[["para","The sort order (direction). The supported values are \"asc\" (ascending order) and \"desc\" (descending order)."]],"doc":[["para","The sort order (direction). The supported values are \"asc\" (ascending order) and \"desc\" (descending order)."],["header",{"level":4},"Example - specify the sort order (direction)"],["code_block",""]],"orig":"sort.dir"}]},{"name":"transport","type":["Object"],"short_doc":[["para","The configuration used to load and save the data items. A data source is remote or local based on the way of it retrieves data items."],["para","Remote data sources load and save data items from and to a remote end-point (a.k.a. remote service or server). The ",["inlinecode","transport"]," option describes the remote service configuration - URL, HTTP verb, HTTP headers etc.\nThe ",["inlinecode","transport"]," option can also be used to implement custom data loading and saving."],["para","Local data sources are bound to a JavaScript array via the ",["link",{"href":"#configuration-data"},"data"]," option."]],"doc":[["para","The configuration used to load and save the data items. A data source is remote or local based on the way of it retrieves data items."],["para","Remote data sources load and save data items from and to a remote end-point (a.k.a. remote service or server). The ",["inlinecode","transport"]," option describes the remote service configuration - URL, HTTP verb, HTTP headers etc.\nThe ",["inlinecode","transport"]," option can also be used to implement custom data loading and saving."],["para","Local data sources are bound to a JavaScript array via the ",["link",{"href":"#configuration-data"},"data"]," option."],["header",{"level":4},"Example - specify the remote service configuration"],["code_block",""]],"sub":[{"name":"update","type":["Object","String","Function"],"short_doc":[["para","The configuration used when the data source saves updated data items. Those are data items whose fields have been updated."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.update"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.update"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.update"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.update"]," is a string the data source uses this string as the URL of the remote service."]],"doc":[["para","The configuration used when the data source saves updated data items. Those are data items whose fields have been updated."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.update"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.update"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.update"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.update"]," is a string the data source uses this string as the URL of the remote service."],["header",{"level":4},"Example - specify update as a string"],["code_block",""],["header",{"level":4},"Example - specify update as a function"],["code_block",""]],"sub":[{"name":"url","type":["String","Function"],"short_doc":[["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."]],"doc":[["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."],["header",{"level":4},"Example - specify URL as a string"],["code_block",""],["header",{"level":4},"Example - specify URL as a function"],["code_block",""]],"orig":"transport.update.url"},{"name":"type","type":["String"],"short_doc":[["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the HTTP verb of the request"],["code_block",""]],"orig":"transport.update.type"},{"name":"dataType","type":["String"],"short_doc":[["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the data type to JSON"],["code_block",""]],"orig":"transport.update.dataType"},{"name":"data","type":["Object","Function"],"short_doc":[["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - send additional parameters as an object"],["code_block",""],["header",{"level":4},"Example - send additional parameters by returning them from a function"],["code_block",""]],"orig":"transport.update.data"},{"name":"contentType","type":["String"],"short_doc":[["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set content type"],["code_block",""]],"orig":"transport.update.contentType"},{"name":"cache","type":["Boolean"],"short_doc":[["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - enable request caching"],["code_block",""]],"orig":"transport.update.cache"}],"orig":"transport.update"},{"name":"read","type":["Object","String","Function"],"short_doc":[["para","The configuration used when the data source loads data items from a remote service."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.read"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.read"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.read"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.read"]," is a string the data source uses this string as the URL of the remote service."]],"doc":[["para","The configuration used when the data source loads data items from a remote service."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.read"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.read"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.read"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.read"]," is a string the data source uses this string as the URL of the remote service."],["header",{"level":4},"Example - set the read remote service"],["code_block",""],["header",{"level":4},"Example - send additional parameters to the remote service"],["code_block","\n"],["header",{"level":4},"Example - set read as a function"],["code_block",""]],"sub":[{"name":"url","type":["String","Function"],"short_doc":[["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."]],"doc":[["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."],["header",{"level":4},"Example - specify URL as a string"],["code_block",""],["header",{"level":4},"Example - specify URL as a function"],["code_block",""]],"orig":"transport.read.url"},{"name":"type","type":["String"],"short_doc":[["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the HTTP verb of the request"],["code_block",""]],"orig":"transport.read.type"},{"name":"dataType","type":["String"],"short_doc":[["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the data type to JSON"],["code_block",""]],"orig":"transport.read.dataType"},{"name":"data","type":["Object","Function"],"short_doc":[["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - send additional parameters as an object"],["code_block",""],["header",{"level":4},"Example - send additional parameters by returning them from a function"],["code_block",""]],"orig":"transport.read.data"},{"name":"contentType","type":["String"],"short_doc":[["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set content type"],["code_block",""]],"orig":"transport.read.contentType"},{"name":"cache","type":["Boolean"],"short_doc":[["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - enable request caching"],["code_block",""]],"orig":"transport.read.cache"}],"orig":"transport.read"},{"name":"parameterMap","type":["Function"],"short_doc":[["para","The function which converts the request parameters to a format suitable for the remote service. By default\nthe data source sends the parameters using jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["blockquote",["para","The ",["inlinecode","parameterMap"]," method is often used to encode the parameters in JSON format."],["para",["strong","Important:"]," The ",["inlinecode","parameterMap"]," function will not be called when using custom functions for the read, update, create and destroy operations. "]]],"doc":[["para","The function which converts the request parameters to a format suitable for the remote service. By default\nthe data source sends the parameters using jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["blockquote",["para","The ",["inlinecode","parameterMap"]," method is often used to encode the parameters in JSON format."],["para",["strong","Important:"]," The ",["inlinecode","parameterMap"]," function will not be called when using custom functions for the read, update, create and destroy operations. "]],["header",{"level":4},"Parameters"],["header",{"level":5},"data ",["inlinecode","Object"]],["para","The parameters which will be sent to the remote service. The value specified in the ",["inlinecode","data"]," field of the transport settings (create, read, update or destroy) is included as well.\nIf ",["link",{"href":"#batch-boolean-default"},"batch"]," is set to ",["inlinecode","false"]," the fields of the changed data items are also included."],["header",{"level":5},"data.aggregate ",["inlinecode","Array"]],["para","The current aggregate configuration as set via the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option.\nAvailable if the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.group ",["inlinecode","Array"]],["para","The current grouping configuration as set via the ",["link",{"href":"#configuration-group"},"group"]," option.\nAvailable if the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.filter ",["inlinecode","Object"]],["para","The current filter configuration as set via the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nAvailable if the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.models ",["inlinecode","Array"]],["para","All changed data items. Available if there are any data item changes and the ",["link",{"href":"#configuration-batch"},"batch"]," option is set to ",["inlinecode","true"],"."],["header",{"level":5},"data.page ",["inlinecode","Number"]],["para","The current page. Available if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.pageSize ",["inlinecode","Number"]],["para","The current page size as set via the ",["link",{"href":"#configuration-pageSize"},"pageSize"]," option. Available if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.skip ",["inlinecode","Number"]],["para","The number of data items to skip. Available if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.sort ",["inlinecode","Array"]],["para","The current sort configuration as set via the ",["link",{"href":"#configuration-sort"},"sort"]," option. Available if the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.take ",["inlinecode","Number"]],["para","The number of data items to return (the same as ",["inlinecode","data.pageSize"],"). Available if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"type ",["inlinecode","String"]],["para","The type of the request which the data source makes. The supported values are \"create\", \"read\", \"update\" and \"destroy\"."],["header",{"level":4},"Returns"],["para",["inlinecode","Object"]," the request parameters converted to a format required by the remote service."],["header",{"level":4},"Example - convert data source request parameters"],["code_block",""],["header",{"level":4},"Example - send request parameters as JSON"],["code_block",""]],"orig":"transport.parameterMap"},{"name":"destroy","type":["Object","String","Function"],"short_doc":[["para","The configuration used when the data source destroys data items. Those are items removed from the data source via the ",["link",{"href":"#methods-remove"},"remove"]," method."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.destroy"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.destroy"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.destroy"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.destroy"]," is a string the data source uses this string as the URL of the remote service."]],"doc":[["para","The configuration used when the data source destroys data items. Those are items removed from the data source via the ",["link",{"href":"#methods-remove"},"remove"]," method."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.destroy"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.destroy"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.destroy"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.destroy"]," is a string the data source uses this string as the URL of the remote service."],["header",{"level":4},"Example - set the destroy remote service"],["code_block",""],["header",{"level":4},"Example - set destroy as a function"],["code_block",""]],"sub":[{"name":"url","type":["String","Function"],"short_doc":[["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."]],"doc":[["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."],["header",{"level":4},"Example - specify URL as a string"],["code_block",""],["header",{"level":4},"Example - specify URL as a function"],["code_block",""]],"orig":"transport.destroy.url"},{"name":"type","type":["String"],"short_doc":[["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example"],["code_block",""]],"orig":"transport.destroy.type"},{"name":"dataType","type":["String"],"short_doc":[["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the data type to JSON"],["code_block",""]],"orig":"transport.destroy.dataType"},{"name":"data","type":["Object","Function"],"short_doc":[["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - send additional parameters as an object"],["code_block",""],["header",{"level":4},"Example - send additional parameters by returning them from a function"],["code_block",""]],"orig":"transport.destroy.data"},{"name":"contentType","type":["String"],"short_doc":[["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set content type"],["code_block",""]],"orig":"transport.destroy.contentType"},{"name":"cache","type":["Boolean"],"short_doc":[["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - enable request caching"],["code_block",""]],"orig":"transport.destroy.cache"}],"orig":"transport.destroy"},{"name":"create","type":["Object","String","Function"],"short_doc":[["para","The configuration used when the data source saves newly created data items. Those are items added to the data source via the ",["link",{"href":"#methods-add"},"add"]," or ",["link",{"href":"#methods-insert"},"insert"]," methods."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.create"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.create"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.create"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.create"]," is a string the data source uses this string as the URL of the remote service."],["blockquote",["para",["em","Important:"]," The remote service must return the inserted data items and the data item field configured as the ",["inlinecode","id"]," must be set. For example\nif the ",["inlinecode","id"]," of the data item is ",["inlinecode","ProductID"]," the \"create\" server response must be ",["inlinecode","[{ \"ProductID\": 79 }]"],"."]]],"doc":[["para","The configuration used when the data source saves newly created data items. Those are items added to the data source via the ",["link",{"href":"#methods-add"},"add"]," or ",["link",{"href":"#methods-insert"},"insert"]," methods."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.create"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.create"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.create"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.create"]," is a string the data source uses this string as the URL of the remote service."],["blockquote",["para",["em","Important:"]," The remote service must return the inserted data items and the data item field configured as the ",["inlinecode","id"]," must be set. For example\nif the ",["inlinecode","id"]," of the data item is ",["inlinecode","ProductID"]," the \"create\" server response must be ",["inlinecode","[{ \"ProductID\": 79 }]"],"."]],["header",{"level":4},"Example - set the create remote service"],["code_block",""],["header",{"level":4},"Example - set create as a function"],["code_block",""]],"sub":[{"name":"url","type":["String","Function"],"short_doc":[["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."]],"doc":[["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."],["header",{"level":4},"Example - specify URL as a string"],["code_block",""],["header",{"level":4},"Example - specify URL as a function"],["code_block",""]],"orig":"transport.create.url"},{"name":"type","type":["String"],"default":"\"GET\"","short_doc":[["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the HTTP verb of the request"],["code_block",""]],"orig":"transport.create.type"},{"name":"dataType","type":["String"],"short_doc":[["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the data type to JSON"],["code_block",""]],"orig":"transport.create.dataType"},{"name":"data","type":["Object","Function"],"short_doc":[["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - send additional parameters as an object"],["code_block",""],["header",{"level":4},"Example - send additional parameters by returning them from a function"],["code_block",""]],"orig":"transport.create.data"},{"name":"contentType","type":["String"],"short_doc":[["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set content type"],["code_block",""]],"orig":"transport.create.contentType"},{"name":"cache","type":["Boolean"],"short_doc":[["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."]],"doc":[["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - enable request caching"],["code_block",""]],"orig":"transport.create.cache"}],"orig":"transport.create"}]},{"name":"type","type":["String"],"short_doc":[["para","If set the data source will use a predefined ",["link",{"href":"#configuration-transport"},"transport"]," and/or ",["link",{"href":"#configuration-schema"},"schema"],". The only supported value is \"odata\" which supports the ",["link",{"href":"http://www.odata.org"},"OData"]," v.2 protocol."]],"doc":[["para","If set the data source will use a predefined ",["link",{"href":"#configuration-transport"},"transport"]," and/or ",["link",{"href":"#configuration-schema"},"schema"],". The only supported value is \"odata\" which supports the ",["link",{"href":"http://www.odata.org"},"OData"]," v.2 protocol."],["header",{"level":4},"Example - enable OData support"],["code_block",""]]}],"methods":[{"name":"add","args":[{"name":"model","type":["Object","kendo.data.Model"],"short_doc":[["para","Either a ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance or JavaScript object containing the data item field values."]],"doc":[["para","Either a ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance or JavaScript object containing the data item field values."]]}],"short_doc":[["para","Appends a data item to the data source."]],"doc":[["para","Appends a data item to the data source."],["header",{"level":4},"Parameters"],["header",{"level":5},"model ",["inlinecode","Object|kendo.data.Model"]],["para","Either a ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance or JavaScript object containing the data item field values."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.Model"]," the data item which is inserted."],["header",{"level":4},"Example - add a data item to a local data source"],["code_block",""],["header",{"level":4},"Example - add a data item to a remote data source"],["code_block",""]],"examples":[[["header",{"level":4},"Example - add a data item to a local data source"],["code_block",""]],[["header",{"level":4},"Example - add a data item to a remote data source"],["code_block",""]]]},{"name":"aggregate","args":[{"name":"value","type":["Object","Array"],"short_doc":[["para","The aggregate configuration. Accepts the same values as the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option."]],"doc":[["para","The aggregate configuration. Accepts the same values as the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option."]]}],"short_doc":[["para","Gets or sets the aggregate configuration."]],"doc":[["para","Gets or sets the aggregate configuration."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Object|Array"]],["para","The aggregate configuration. Accepts the same values as the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option."],["header",{"level":4},"Returns"],["para",["inlinecode","Array"]," the current aggregate configuration."],["header",{"level":4},"Example - set the data source aggregates"],["code_block",""],["header",{"level":4},"Example - get the data source aggregates"],["code_block",""]],"examples":[[["header",{"level":4},"Example - set the data source aggregates"],["code_block",""]],[["header",{"level":4},"Example - get the data source aggregates"],["code_block",""]]]},{"name":"aggregates","args":[],"short_doc":[["para","Returns the aggregate results."]],"doc":[["para","Returns the aggregate results."],["header",{"level":4},"Returns"],["para",["inlinecode","Object"]," the aggregate results. There is a key for every aggregated field."],["header",{"level":4},"Example - get aggregate results"],["code_block",""]],"examples":[[["header",{"level":4},"Example - get aggregate results"],["code_block",""]]]},{"name":"at","args":[{"name":"index","type":["Number"],"short_doc":[["para","The zero-based index of the data item."]],"doc":[["para","The zero-based index of the data item."]]}],"short_doc":[["para","Returns the data item at the specified index. The index is zero-based."]],"doc":[["para","Returns the data item at the specified index. The index is zero-based."],["header",{"level":4},"Parameters"],["header",{"level":5},"index ",["inlinecode","Number"]],["para","The zero-based index of the data item."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.ObservableObject"]," the data item at the specified index. Returns ",["inlinecode","undefined"]," if a data item is not found at the specified index.\nReturns a ",["inlinecode","kendo.data.Model"]," instance if the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option is set."],["header",{"level":4},"Example - get a data item"],["code_block",""]],"examples":[[["header",{"level":4},"Example - get a data item"],["code_block",""]]]},{"name":"cancelChanges","args":[{"name":"model","type":["kendo.data.Model"],"short_doc":[["para","The optional data item (model). If specified only the changes of this data item will be discarded. If omitted all changes will be discarded."]],"doc":[["para","The optional data item (model). If specified only the changes of this data item will be discarded. If omitted all changes will be discarded."]]}],"short_doc":[["para","Cancels any pending changes in the data source. Deleted data items are restored, new data items are removed and updated data items are restored to their initial state."]],"doc":[["para","Cancels any pending changes in the data source. Deleted data items are restored, new data items are removed and updated data items are restored to their initial state."],["header",{"level":4},"Parameters"],["header",{"level":5},"model ",["inlinecode","kendo.data.Model"]],["para","The optional data item (model). If specified only the changes of this data item will be discarded. If omitted all changes will be discarded."],["header",{"level":4},"Example - cancel all changes"],["code_block",""],["header",{"level":4},"Example - cancel changes of only one data item"],["code_block",""]],"examples":[[["header",{"level":4},"Example - cancel all changes"],["code_block",""]],[["header",{"level":4},"Example - cancel changes of only one data item"],["code_block",""]]]},{"name":"data","args":[{"name":"value","type":["Array","kendo.data.ObservableArray"],"short_doc":[["para","The data items which will replace the current ones in the data source. If omitted the current data items will be returned."]],"doc":[["para","The data items which will replace the current ones in the data source. If omitted the current data items will be returned."]]}],"short_doc":[["para","Gets or sets the data items of the data source."],["para","If the data source is bound to a remote service (via the ",["link",{"href":"#configuration-transport"},"transport"]," option) the ",["inlinecode","data"]," method will return the service response.\nEvery item from the response is wrapped in a ",["link",{"href":"/api/framework/observableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option is set)."],["para","If the data source is bound to a JavaScript array (via the ",["link",{"href":"#configuration-data"},"data"]," option) the ",["inlinecode","data"]," method will return the items of that array.\nEvery item from the array is wrapped in a ",["link",{"href":"/api/framework/observableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option is set)."],["para","If the data source is grouped (via the ",["link",{"href":"#configuration-group"},"group"]," option or the ",["link",{"href":"#methods-group"},"group"]," method) and the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," is set to ",["inlinecode","true"],"\nthe ",["inlinecode","data"]," method will return the group items."]],"doc":[["para","Gets or sets the data items of the data source."],["para","If the data source is bound to a remote service (via the ",["link",{"href":"#configuration-transport"},"transport"]," option) the ",["inlinecode","data"]," method will return the service response.\nEvery item from the response is wrapped in a ",["link",{"href":"/api/framework/observableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option is set)."],["para","If the data source is bound to a JavaScript array (via the ",["link",{"href":"#configuration-data"},"data"]," option) the ",["inlinecode","data"]," method will return the items of that array.\nEvery item from the array is wrapped in a ",["link",{"href":"/api/framework/observableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option is set)."],["para","If the data source is grouped (via the ",["link",{"href":"#configuration-group"},"group"]," option or the ",["link",{"href":"#methods-group"},"group"]," method) and the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," is set to ",["inlinecode","true"],"\nthe ",["inlinecode","data"]," method will return the group items."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Array|kendo.data.ObservableArray"]],["para","The data items which will replace the current ones in the data source. If omitted the current data items will be returned."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.ObservableArray"]," the data items of the data source. Returns empty array if the data source hasn't been populated with data items via the ",["link",{"href":"#methods-read"},"read"],", ",["link",{"href":"#methods-fetch"},"fetch"]," or ",["link",{"href":"#methods-query"},"query"]," methods."],["header",{"level":4},"Example - get the data items when bound to array"],["code_block",""],["header",{"level":4},"Example - get the data items when bound to a remote service"],["code_block",""],["header",{"level":4},"Example - set the data items"],["code_block",""]],"examples":[[["header",{"level":4},"Example - get the data items when bound to array"],["code_block",""]],[["header",{"level":4},"Example - get the data items when bound to a remote service"],["code_block",""]],[["header",{"level":4},"Example - set the data items"],["code_block",""]]]},{"name":"fetch","args":[{"name":"callback","type":["Function"],"short_doc":[["para","The optional function which is executed when the remote request is finished. The function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."]],"doc":[["para","The optional function which is executed when the remote request is finished. The function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."]]}],"short_doc":[["para","Reads the data items from a remote service (if the ",["link",{"href":"#configuration-transport"},"transport"]," option is set) or from a JavaScript array (if the ",["link",{"href":"#configuration-data"},"data"]," option is set)."],["blockquote",["para","The ",["inlinecode","fetch"]," method makes a request to the remote service only the first time it is called."]]],"doc":[["para","Reads the data items from a remote service (if the ",["link",{"href":"#configuration-transport"},"transport"]," option is set) or from a JavaScript array (if the ",["link",{"href":"#configuration-data"},"data"]," option is set)."],["blockquote",["para","The ",["inlinecode","fetch"]," method makes a request to the remote service only the first time it is called."]],["header",{"level":4},"Parameters"],["header",{"level":5},"callback ",["inlinecode","Function"]," ",["em","(optional)"]],["para","The optional function which is executed when the remote request is finished. The function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["header",{"level":4},"Example - read data from a remote data source"],["code_block",""]],"examples":[[["header",{"level":4},"Example - read data from a remote data source"],["code_block",""]]]},{"name":"filter","args":[{"name":"value","type":["Object"],"short_doc":[["para","The filter configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option (",["strong","check there fo more examples"],")."]],"doc":[["para","The filter configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option (",["strong","check there fo more examples"],")."]]}],"short_doc":[["para","Gets or sets the filter configuration."]],"doc":[["para","Gets or sets the filter configuration."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Object"]," ",["em","(optional)"]],["para","The filter configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option (",["strong","check there fo more examples"],")."],["header",{"level":4},"Returns"],["para",["inlinecode","Object"]," the current filter configuration."],["header",{"level":4},"Example - set the data source filter"],["code_block",""],["header",{"level":4},"Example - get the data source filter"],["code_block",""]],"examples":[[["header",{"level":4},"Example - set the data source filter"],["code_block",""]],[["header",{"level":4},"Example - get the data source filter"],["code_block",""]]]},{"name":"get","args":[{"name":"id","type":["Number","String"],"short_doc":[["para","The id of the model to look for."]],"doc":[["para","The id of the model to look for."]]}],"short_doc":[["para","Gets the data item (model) with the specified ",["link",{"href":"/api/framework/model#fields-id"},"id"],"."],["blockquote",["para","The ",["inlinecode","get"]," method requires the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option to be set and the ",["inlinecode","id"]," of the model to be specified."]]],"doc":[["para","Gets the data item (model) with the specified ",["link",{"href":"/api/framework/model#fields-id"},"id"],"."],["blockquote",["para","The ",["inlinecode","get"]," method requires the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option to be set and the ",["inlinecode","id"]," of the model to be specified."]],["header",{"level":4},"Parameters"],["header",{"level":5},"id ",["inlinecode","Number|String"]],["para","The id of the model to look for."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.Model"]," the model instance. Returns ",["inlinecode","undefined"]," if a model with the specified id is not found."],["header",{"level":4},"Example - find a model by id"],["code_block",""]],"examples":[[["header",{"level":4},"Example - find a model by id"],["code_block",""]]]},{"name":"getByUid","args":[{"name":"uid","type":["String"],"short_doc":[["para","The uid of the model to look for."]],"doc":[["para","The uid of the model to look for."]]}],"short_doc":[["para","Gets the data item (model) with the specified ",["link",{"href":"/api/framework/model#fields-uid"},"uid"],"."]],"doc":[["para","Gets the data item (model) with the specified ",["link",{"href":"/api/framework/model#fields-uid"},"uid"],"."],["header",{"level":4},"Parameters"],["header",{"level":5},"uid ",["inlinecode","String"]],["para","The uid of the model to look for."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.ObservableObject"]," the model instance. Returns ",["inlinecode","undefined"]," if a model with the specified uid is not found."]],"examples":[]},{"name":"group","args":[{"name":"value","type":["Object","Array"],"short_doc":[["para","The grouping configuration. Accepts the same values as the ",["link",{"href":"#configuration-group"},"group"]," option."]],"doc":[["para","The grouping configuration. Accepts the same values as the ",["link",{"href":"#configuration-group"},"group"]," option."]]}],"short_doc":[["para","Gets or sets the grouping configuration."]],"doc":[["para","Gets or sets the grouping configuration."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Object|Array"]],["para","The grouping configuration. Accepts the same values as the ",["link",{"href":"#configuration-group"},"group"]," option."],["header",{"level":4},"Returns"],["para",["inlinecode","Array"]," the current grouping configuration."],["header",{"level":4},"Example - group the data items"],["code_block",""],["header",{"level":4},"Example - get the data source grouping configuration"],["code_block",""]],"examples":[[["header",{"level":4},"Example - group the data items"],["code_block",""]],[["header",{"level":4},"Example - get the data source grouping configuration"],["code_block",""]]]},{"name":"hasChanges","args":[],"short_doc":[["para","Cheks if the data itams have changed."]],"doc":[["para","Cheks if the data itams have changed."],["header",{"level":4},"Returns"],["para",["inlinecode","Boolean"]," returns ",["inlinecode","true"]," if the data items have changed. Otherwise, ",["inlinecode","false"],"."],["header",{"level":4},"Example - check if the data source has changes"],["code_block",""]],"examples":[[["header",{"level":4},"Example - check if the data source has changes"],["code_block",""]]]},{"name":"indexOf","args":[{"name":"dataItem","type":["kendo.data.ObservableObject"],"short_doc":[["para","The target data item."]],"doc":[["para","The target data item."]]}],"short_doc":[["para","Gets the index of the specified data item."]],"doc":[["para","Gets the index of the specified data item."],["header",{"level":4},"Parameters"],["header",{"level":5},"dataItem ",["inlinecode","kendo.data.ObservableObject"]],["para","The target data item."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," the index of the specified data item. Returns ",["inlinecode","-1"]," if the data item is not found."],["header",{"level":4},"Example - get the index of a data item"],["code_block",""]],"examples":[[["header",{"level":4},"Example - get the index of a data item"],["code_block",""]]]},{"name":"insert","args":[{"name":"index","type":["Number"],"short_doc":[["para","The zero-based index at which the data item will be inserted."]],"doc":[["para","The zero-based index at which the data item will be inserted."]]},{"name":"model","type":["Object","kendo.data.ObservableObject","kendo.data.Model"],"short_doc":[["para","Either a ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance or JavaScript object containing the field values."]],"doc":[["para","Either a ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance or JavaScript object containing the field values."]]}],"short_doc":[["para","Inserts a data item in the data source at the specified index."]],"doc":[["para","Inserts a data item in the data source at the specified index."],["header",{"level":4},"Parameters"],["header",{"level":5},"index ",["inlinecode","Number"]],["para","The zero-based index at which the data item will be inserted."],["header",{"level":5},"model ",["inlinecode","Object|kendo.data.ObservableObject|kendo.data.Model"]],["para","Either a ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance or JavaScript object containing the field values."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.Model"]," the data item which is inserted."],["header",{"level":4},"Example - insert a data item"],["code_block",""]],"examples":[[["header",{"level":4},"Example - insert a data item"],["code_block",""]]]},{"name":"page","args":[{"name":"page","type":["Number"],"short_doc":[["para","The new page."]],"doc":[["para","The new page."]]}],"short_doc":[["para","Gets or sets the current page."]],"doc":[["para","Gets or sets the current page."],["header",{"level":4},"Parameters"],["header",{"level":5},"page ",["inlinecode","Number"]],["para","The new page."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," the current page."],["header",{"level":4},"Example - set the current page"],["code_block",""],["header",{"level":4},"Example - get the current page"],["code_block",""]],[["header",{"level":4},"Example - get the current page"],["code_block",""],["header",{"level":4},"Example - get the page size"],["code_block",""]],"examples":[[["header",{"level":4},"Example - set the page size"],["code_block",""]],[["header",{"level":4},"Example - get the page size"],["code_block",""]]]},{"name":"query","args":[{"name":"options","type":["Object"],"short_doc":[["para","The query options which should be applied."]],"doc":[["para","The query options which should be applied."]]},{"name":"options.aggregate","type":["Array"],"short_doc":[["para","The aggregate configuration. Accepts the same values as the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"],"\noption is set to ",["inlinecode","true"],"."]],"doc":[["para","The aggregate configuration. Accepts the same values as the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"],"\noption is set to ",["inlinecode","true"],"."]]},{"name":"options.filter","type":["Object","Array"],"short_doc":[["para","The filter configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"],"\noption is set to ",["inlinecode","true"],"."]],"doc":[["para","The filter configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"],"\noption is set to ",["inlinecode","true"],"."]]},{"name":"options.group","type":["Object","Array"],"short_doc":[["para","The grouping configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"],"\noption is set to ",["inlinecode","true"],"."]],"doc":[["para","The grouping configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"],"\noption is set to ",["inlinecode","true"],"."]]},{"name":"options.page","type":["Number"],"short_doc":[["para","The page of data to return.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"],"\noption is set to ",["inlinecode","true"],"."]],"doc":[["para","The page of data to return.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"],"\noption is set to ",["inlinecode","true"],"."]]},{"name":"options.pageSize","type":["Number"],"short_doc":[["para","The number of data items to return.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"],"\noption is set to ",["inlinecode","true"],"."]],"doc":[["para","The number of data items to return.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"],"\noption is set to ",["inlinecode","true"],"."]]},{"name":"options.sort","type":["Object","Array"],"short_doc":[["para","The sort configuration. Accepts the same values as the ",["link",{"href":"#configuration-sort"},"sort"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"],"\noption is set to ",["inlinecode","true"],"."]],"doc":[["para","The sort configuration. Accepts the same values as the ",["link",{"href":"#configuration-sort"},"sort"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"],"\noption is set to ",["inlinecode","true"],"."]]}],"short_doc":[["para","Executes the specified query over the data items. Makes a HTTP request if bound to a remote service."]],"doc":[["para","Executes the specified query over the data items. Makes a HTTP request if bound to a remote service."],["header",{"level":4},"Parameters"],["header",{"level":5},"options ",["inlinecode","Object"]," ",["em","(optional)"]],["para","The query options which should be applied."],["header",{"level":5},"options.aggregate ",["inlinecode","Array"]," ",["em","(optional)"]],["para","The aggregate configuration. Accepts the same values as the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.filter ",["inlinecode","Object|Array"]," ",["em","(optional)"]],["para","The filter configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.group ",["inlinecode","Object|Array"]," ",["em","(optional)"]],["para","The grouping configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.page ",["inlinecode","Number"]," ",["em","(optional)"]],["para","The page of data to return.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.pageSize ",["inlinecode","Number"]," ",["em","(optional)"]],["para","The number of data items to return.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.sort ",["inlinecode","Object|Array"]," ",["em","(optional)"]],["para","The sort configuration. Accepts the same values as the ",["link",{"href":"#configuration-sort"},"sort"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":4},"Example - query the data source"],["code_block",""]],"examples":[[["header",{"level":4},"Example - query the data source"],["code_block",""]]]},{"name":"read","args":[{"name":"data","type":["Object"],"short_doc":[["para","Optional data to pass to the remote service."]],"doc":[["para","Optional data to pass to the remote service."]]}],"short_doc":[["para","Reads data items from a remote service (if the ",["link",{"href":"#configuration-transport"},"transport"]," option is set) or from a JavaScript array (if the ",["link",{"href":"#configuration-data"},"data"]," option is set)."],["blockquote",["para","The ",["inlinecode","read"]," method always makes a request to the remote service."]]],"doc":[["para","Reads data items from a remote service (if the ",["link",{"href":"#configuration-transport"},"transport"]," option is set) or from a JavaScript array (if the ",["link",{"href":"#configuration-data"},"data"]," option is set)."],["blockquote",["para","The ",["inlinecode","read"]," method always makes a request to the remote service."]],["header",{"level":4},"Parameters"],["header",{"level":5},"data ",["inlinecode","Object"]," ",["em","(optional)"]],["para","Optional data to pass to the remote service."],["header",{"level":4},"Example - read data from a remote service"],["code_block",""]],"examples":[[["header",{"level":4},"Example - read data from a remote service"],["code_block",""]]]},{"name":"remove","args":[{"name":"model","type":["kendo.data.Model"],"short_doc":[["para","The data item which should be removed."]],"doc":[["para","The data item which should be removed."]]}],"short_doc":[["para","Removes the specified data item from the data source."]],"doc":[["para","Removes the specified data item from the data source."],["header",{"level":4},"Parameters"],["header",{"level":5},"model ",["inlinecode","kendo.data.Model"]],["para","The data item which should be removed."],["header",{"level":4},"Example - remove a data item"],["code_block",""]],"examples":[[["header",{"level":4},"Example - remove a data item"],["code_block",""]]]},{"name":"sort","args":[{"name":"value","type":["Object","Array"],"short_doc":[["para","The sort configuration. Accepts the same values as the ",["link",{"href":"#configuration-sort"},"sort"]," option."]],"doc":[["para","The sort configuration. Accepts the same values as the ",["link",{"href":"#configuration-sort"},"sort"]," option."]]}],"short_doc":[["para","Gets or sets the sort order which will be applied over the data items."]],"doc":[["para","Gets or sets the sort order which will be applied over the data items."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Object|Array"]],["para","The sort configuration. Accepts the same values as the ",["link",{"href":"#configuration-sort"},"sort"]," option."],["header",{"level":4},"Returns"],["para",["inlinecode","Array"]," the current sort configuration."],["header",{"level":4},"Example - sort the data items"],["code_block",""],["header",{"level":4},"Example - get the sort configuration"],["code_block",""]],"examples":[[["header",{"level":4},"Example - sort the data items"],["code_block",""]],[["header",{"level":4},"Example - get the sort configuration"],["code_block",""]]]},{"name":"sync","args":[],"short_doc":[["para","Saves any data item changes."],["para","The ",["inlinecode","sync"]," method will request the remote service if:"],["bulletlist",["listitem","the ",["link",{"href":"#configuration-transport.create"},"transport.create"]," option is set and the data source contains new data items"],["listitem","the ",["link",{"href":"#configuration-transport.destroy"},"transport.destroy"]," option is set and data items have been removed from the data source"],["listitem","the ",["link",{"href":"#configuration-transport.update"},"transport.update"]," option is set and the data source contains updated data items"]]],"doc":[["para","Saves any data item changes."],["para","The ",["inlinecode","sync"]," method will request the remote service if:"],["bulletlist",["listitem","the ",["link",{"href":"#configuration-transport.create"},"transport.create"]," option is set and the data source contains new data items"],["listitem","the ",["link",{"href":"#configuration-transport.destroy"},"transport.destroy"]," option is set and data items have been removed from the data source"],["listitem","the ",["link",{"href":"#configuration-transport.update"},"transport.update"]," option is set and the data source contains updated data items"]],["header",{"level":4},"Example - save the changes"],["code_block",""]],"examples":[[["header",{"level":4},"Example - save the changes"],["code_block",""]]]},{"name":"total","args":[],"short_doc":[["para","Gets the total number of data items. Uses ",["link",{"href":"#configuration-schema.total"},"schema.total"]," if the ",["link",{"href":"#configuration-transport.read"},"transport.read"]," option is set."]],"doc":[["para","Gets the total number of data items. Uses ",["link",{"href":"#configuration-schema.total"},"schema.total"]," if the ",["link",{"href":"#configuration-transport.read"},"transport.read"]," option is set."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," the total number of data items. Returns the ",["inlinecode","length"]," of the array returned by the ",["link",{"href":"#methods-data"},"data"]," method if ",["inlinecode","schema.total"]," or ",["inlinecode","transport.read"]," are not set.\nReturns ",["inlinecode","0"]," if the data source hasn't been populated with data items via the ",["link",{"href":"#methods-read"},"read"],", ",["link",{"href":"#methods-read"},"fetch"]," or ",["link",{"href":"#methods-query"},"query"]," methods."],["header",{"level":4},"Example - get the total number of data items"],["code_block",""]],"examples":[[["header",{"level":4},"Example - get the total number of data items"],["code_block",""]]]},{"name":"totalPages","args":[],"short_doc":[["para","Gets the number of available pages."]],"doc":[["para","Gets the number of available pages."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," the available pages."],["header",{"level":4},"Example - get the total number of pages"],["code_block",""]],"examples":[[["header",{"level":4},"Example - get the total number of pages"],["code_block",""]]]},{"name":"view","args":[],"short_doc":[["para","Returns the data items which correspond to the current page, filter, sort and group configuration."],["para","To ensure that data is available this method should be used within the ",["link",{"href":"#events-change"},"change"]," event handler or the ",["link",{"href":"#methods-fetch"},"fetch"]," method."]],"doc":[["para","Returns the data items which correspond to the current page, filter, sort and group configuration."],["para","To ensure that data is available this method should be used within the ",["link",{"href":"#events-change"},"change"]," event handler or the ",["link",{"href":"#methods-fetch"},"fetch"]," method."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.ObservableArray"]," the data items. Returns groups if the data items are grouped (via the ",["link",{"href":"#configuration-group"},"group"]," option or the ",["link",{"href":"#methods-group"},"group"]," method)."],["header",{"level":4},"Example - get the paged and sorted data items"],["code_block",""],["header",{"level":4},"Example - get the paged, sorted and grouped data items"],["code_block",""]],"examples":[[["header",{"level":4},"Example - get the paged and sorted data items"],["code_block",""]],[["header",{"level":4},"Example - get the paged, sorted and grouped data items"],["code_block",""]]]}],"events":[{"name":"change","args":[{"name":"e.sender","type":["kendo.data.DataSource"],"short_doc":[["para","The data source instance which fired the event."]],"doc":[["para","The data source instance which fired the event."]]}],"short_doc":[["para","Fired when the data source is populated from a JavaScript array or a remote service, a data item is inserted, updated or removed, the data items are paged, sorted, filtered or grouped."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."]],"doc":[["para","Fired when the data source is populated from a JavaScript array or a remote service, a data item is inserted, updated or removed, the data items are paged, sorted, filtered or grouped."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":4},"Example - subscribe to the \"change\" event during initialization"],["code_block",""],["header",{"level":4},"Example - subscribe to the \"change\" event after initialization"],["code_block",""]],"examples":[[["header",{"level":4},"Example - subscribe to the \"change\" event during initialization"],["code_block",""]],[["header",{"level":4},"Example - subscribe to the \"change\" event after initialization"],["code_block",""]]],"type":["Function"]},{"name":"error","args":[{"name":"e.errorThrown","type":["Object"],"short_doc":[["para","Optional exception."]],"doc":[["para","Optional exception."]]},{"name":"e.sender","type":["kendo.data.DataSource"],"short_doc":[["para","The data source instance which fired the event."]],"doc":[["para","The data source instance which fired the event."]]},{"name":"e.status","type":["String"],"short_doc":[["para","String describing the type of the error"]],"doc":[["para","String describing the type of the error"]]},{"name":"e.xhr","type":["Object"],"short_doc":[["para","The current ",["link",{"href":"http://api.jquery.com/Types/#jqXHR"},"jqXHR"],"."]],"doc":[["para","The current ",["link",{"href":"http://api.jquery.com/Types/#jqXHR"},"jqXHR"],"."]]}],"short_doc":[["para","Fired when a request to the remote service fails."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["blockquote",["para","If the ",["link",{"href":"#configuration-schema.errors"},"schema.errors"]," option is set and the server response contains that field then the ",["inlinecode","error"]," event will be fired. The\n",["inlinecode","errors"]," field of the event argument will contain the errors returned by the server."]]],"doc":[["para","Fired when a request to the remote service fails."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["blockquote",["para","If the ",["link",{"href":"#configuration-schema.errors"},"schema.errors"]," option is set and the server response contains that field then the ",["inlinecode","error"]," event will be fired. The\n",["inlinecode","errors"]," field of the event argument will contain the errors returned by the server."]],["header",{"level":4},"Event Data"],["header",{"level":5},"e.errorThrown ",["inlinecode","Object"]," ",["em","(optional)"]],["para","Optional exception."],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":5},"e.status ",["inlinecode","String"]],["para","String describing the type of the error"],["header",{"level":5},"e.xhr ",["inlinecode","Object"]],["para","The current ",["link",{"href":"http://api.jquery.com/Types/#jqXHR"},"jqXHR"],"."],["header",{"level":4},"Example - subscribe to the \"error\" event during initialization"],["code_block",""]],"examples":[[["header",{"level":4},"Example - subscribe to the \"error\" event during initialization"],["code_block",""]]],"type":["Function"]},{"name":"requestEnd","args":[{"name":"e.response","type":["Object"],"short_doc":[["para","The raw remote service response."]],"doc":[["para","The raw remote service response."]]},{"name":"e.sender","type":["kendo.data.DataSource"],"short_doc":[["para","The data source instance which fired the event."]],"doc":[["para","The data source instance which fired the event."]]},{"name":"e.type","type":["String"],"short_doc":[["para","The type of the request. Set to \"create\", \"read\", \"update\" or \"destroy\"."]],"doc":[["para","The type of the request. Set to \"create\", \"read\", \"update\" or \"destroy\"."]]}],"short_doc":[["para","Fired when a remote service request is finished."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."]],"doc":[["para","Fired when a remote service request is finished."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.response ",["inlinecode","Object"]],["para","The raw remote service response."],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":5},"e.type ",["inlinecode","String"]],["para","The type of the request. Set to \"create\", \"read\", \"update\" or \"destroy\"."],["header",{"level":4},"Example - subscribe to the \"requestEnd\" event during initialization"],["code_block",""],["header",{"level":4},"Example - subscribe to the \"requestEnd\" event after initialization"],["code_block",""]],"examples":[[["header",{"level":4},"Example - subscribe to the \"requestEnd\" event during initialization"],["code_block",""]],[["header",{"level":4},"Example - subscribe to the \"requestEnd\" event after initialization"],["code_block",""]]],"type":["Function"]},{"name":"requestStart","args":[{"name":"e.sender","type":["kendo.data.DataSource"],"short_doc":[["para","The data source instance which fired the event."]],"doc":[["para","The data source instance which fired the event."]]}],"short_doc":[["para","Fired when the data source makes a remote service request."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."]],"doc":[["para","Fired when the data source makes a remote service request."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":4},"Example - subscribe to the \"requestStart\" event during initialization"],["code_block",""],["header",{"level":4},"Example - subscribe to the \"requestStart\" event after initialization"],["code_block",""]],"examples":[[["header",{"level":4},"Example - subscribe to the \"requestStart\" event during initialization"],["code_block",""]],[["header",{"level":4},"Example - subscribe to the \"requestStart\" event after initialization"],["code_block",""]]],"type":["Function"]},{"name":"sync","args":[{"name":"e.sender","type":["kendo.data.DataSource"],"short_doc":[["para","The data source instance which fired the event."]],"doc":[["para","The data source instance which fired the event."]]}],"short_doc":[["para","Fired after the data source saves data item changes. The data source saves the data item changes when the ",["link",{"href":"#methods-sync"},"sync"]," method is called."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["blockquote",["para","The ",["inlinecode","sync"]," event is fired after all remote requests finish."]]],"doc":[["para","Fired after the data source saves data item changes. The data source saves the data item changes when the ",["link",{"href":"#methods-sync"},"sync"]," method is called."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["blockquote",["para","The ",["inlinecode","sync"]," event is fired after all remote requests finish."]],["header",{"level":4},"Event Data"],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":4},"Example - subscribe to the \"sync\" event during initialization"],["code_block",""],["header",{"level":4},"Example - subscribe to the \"sync\" event after initialization"],["code_block",""]],"examples":[[["header",{"level":4},"Example - subscribe to the \"sync\" event during initialization"],["code_block",""]],[["header",{"level":4},"Example - subscribe to the \"sync\" event after initialization"],["code_block",""]]],"type":["Function"]}],"fields":[],"short_doc":[],"doc":[["header",{"level":2},"Configuration"],["header",{"level":3},"aggregate ",["inlinecode","Array"]],["para","The aggregate(s) which are calculated when the data source populates with data. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["blockquote",["para","The data source calculates aggregates client-side unless the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - specify aggregates"],["code_block",""],["header",{"level":3},"aggregate.aggregate ",["inlinecode","String"]],["para","The name of the aggregate function. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["header",{"level":4},"Example - specify aggregate function"],["code_block",""],["header",{"level":3},"autoSync ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the data source would automatically save any changed data items by calling the ",["link",{"href":"#methods-sync"},"sync"]," method. By default changes are not automatically saved."],["header",{"level":4},"Example - enable auto sync"],["code_block",""],["header",{"level":3},"batch ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the data source will batch CRUD operation requests. For example updating two data items would cause one HTTP request instead of two. By default the data source\nmakes a HTTP request for every CRUD operation."],["blockquote",["para","The changed data items are sent by default as ",["inlinecode","models"],". This can be changed via the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option."]],["header",{"level":4},"Example - enable batch mode"],["code_block",""],["header",{"level":3},"data ",["inlinecode","Array|String"]],["para","The array of data items which the data source contains. The data source will wrap those items as ",["link",{"href":"/api/framework/obvservableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if ",["link",{"href":"#configuration-schema.model"},"schema.model"]," is set)."],["para","Can be set to a string value if the ",["link",{"href":"#configuration-schema.type"},"schema.type"]," option is set to \"xml\"."],["header",{"level":4},"Example - set the data items of a data source"],["code_block","var dataSource = new kendo.data.DataSource({\n data: [\n { name: \"Jane Doe\", age: 30 },\n { name: \"John Doe\", age: 33 }\n ]\n});\ndataSource.fetch(function(){\n var janeDoe = dataSource.at(0);\n console.log(janeDoe.name); // displays \"Jane Doe\"\n});"],["header",{"level":4},"Example - set the data items as an XML string"],["code_block",""],["header",{"level":3},"filter ",["inlinecode","Array|Object"]],["para","The filter(s) which is (are) applied over the data items. By default no filter is applied."],["blockquote",["para","The data source filters the data items client-side unless the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - set a single filter"],["code_block",""],["header",{"level":4},"Example - set filter as conjunction (and)"],["code_block",""],["header",{"level":4},"Example - set filter as disjunction (or)"],["code_block",""],["header",{"level":3},"filter.field ",["inlinecode","String"]],["para","The data item field to which the filter operator is applied."],["header",{"level":4},"Example - set the filter field"],["code_block",""],["header",{"level":3},"filter.filters ",["inlinecode","Array"]],["para","The nested filter expressions. Suppor the same options as ",["link",{"href":"#configuration-filter"},"filter"],". Filters can be nested indefinitely."],["header",{"level":3},"Example - nested filters"],["code_block",""],["header",{"level":3},"filter.logic ",["inlinecode","String"]],["para","The logical operation to use when the ",["inlinecode","filter.filters"]," option is set. The supported values are \"and\" and \"or\"."],["header",{"level":3},"Example - set the filter logic"],["code_block",""],["header",{"level":3},"filter.operator ",["inlinecode","String"]],["para","The filter operator (comparison). The supported operators are: \"eq\" (equal to), \"neq\" (not equal to), \"lt\" (less than), \"lte\" (less than or equal to), \"gt\" (greater than), \"gte\" (greater than or equal to),\n\"startswith\", \"endswith\", \"contains\". The last three are supported only for string fields."],["header",{"level":4},"Example - set the filter operator"],["code_block",""],["header",{"level":3},"filter.value ",["inlinecode","Object"]],["para","The value to which the ",["link",{"href":"#configuration-filter.field"},"field"]," is compared. The value must be from the same type as the field."],["header",{"level":4},"Example - specify the filter value"],["code_block",""],["header",{"level":3},"group ",["inlinecode","Array|Object"]],["para","The grouping configuration of the data source. If set the data items will be grouped when the data source is populated. By default grouping is not applied."],["blockquote",["para","The data source groups the data items client-side unless the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - set group as an object"],["code_block",""],["header",{"level":4},"Example - set group as an array (subgroups)"],["code_block",""],["header",{"level":3},"group.aggregates ",["inlinecode","Array"]],["para","The aggregate(s) which are calculated during grouping. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["header",{"level":4},"Example - set group aggregates"],["code_block",""],["header",{"level":3},"group.aggregates.aggregate ",["inlinecode","String"]],["para","The name of the aggregate function. Specifies the aggregate function. The supported aggregates are \"average\", \"count\", \"max\", \"min\" and \"sum\"."],["header",{"level":4},"Example - specify aggregate function"],["code_block",""],["header",{"level":3},"group.aggregates.field ",["inlinecode","String"]],["para","The data item field which will be used to calculate the aggregates."],["header",{"level":4},"Example - specify aggregate field"],["code_block",""],["header",{"level":3},"group.dir ",["inlinecode","String"]," ",["em","(default: \"asc\")"]],["para","The sort order of the group. The supported values are \"asc\" (ascending order) and \"desc\" (descending order). The default sort order is ascending."],["header",{"level":4},"Example - sort the groups in descending order"],["code_block",""],["header",{"level":3},"group.field ",["inlinecode","String"]],["para","The data item field to group by."],["header",{"level":4},"Example - set the field"],["code_block",""],["header",{"level":3},"page ",["inlinecode","Number"]],["para","The page of data which the data source will return when the ",["link",{"href":"#methods-view"},"view"]," method is invoked or request from the remote service."],["blockquote",["para","The data source will page the data items client-side unless the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - set the current page"],["code_block",""],["header",{"level":3},"pageSize ",["inlinecode","Number"]],["para","The number of data items per page."],["blockquote",["para","The data source will page the data items client-side unless the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - set the page size"],["code_block",""],["header",{"level":3},"schema ",["inlinecode","Object"]],["para","The configuration used to parse the remote service response."],["header",{"level":4},"Example - specify the schema of the remote service"],["code_block",""],["header",{"level":3},"schema.aggregates ",["inlinecode","Function|String"]],["para","The field from the response which contains the aggregate results. Can be set to a function which is called to\nreturn the aggregate results from the response."],["blockquote",["para","The ",["inlinecode","aggregates"]," option is used only when the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"]," option is set to ",["inlinecode","true"],"."]],["para","The result of the function should be a JavaScript object which contains the aggregate results for every fields in the following format:"],["code_block","{\n FIEL1DNAME: {\n FUNCTON1NAME: FUNCTION1VALUE,\n FUNCTON2NAME: FUNCTION2VALUE\n },\n FIELD2NAME: {\n FUNCTON1NAME: FUNCTION1VALUE\n }\n}"],["para","For example if the data source is configured like this:"],["code_block",""],["para","The aggregate results should have the following format:"],["code_block","{\n unitPrice: {\n max: 100,\n min: 1\n },\n productName: {\n count: 42\n }\n}"],["header",{"level":4},"Example - set aggregates as a string"],["code_block",""],["header",{"level":4},"Example - set aggregates as a function"],["code_block",""],["header",{"level":3},"schema.data ",["inlinecode","Function|String"]],["para","The field from the server response which contains the data items. Can be set to a function which is called to\nreturn the data items for the response."],["header",{"level":4},"Returns"],["para",["inlinecode","Array"]," The data items from the response."],["header",{"level":4},"Example - specify the field which contains the data items as a string"],["code_block",""],["header",{"level":4},"Example - specify the field which contains the data items as a function"],["code_block",""],["header",{"level":3},"schema.errors ",["inlinecode","Function|String"]," ",["em","(default: \"errors\")"]],["para","The field from the server response which contains server-side errors. Can be set to a function which is called to\nreturn the errors for response. If there are any errors the ",["link",{"href":"#events-error"},"error"]," event will be fired."],["header",{"level":4},"Example - specify the error field as a string"],["code_block",""],["header",{"level":4},"Example - specify the error field as a function"],["code_block",""],["header",{"level":3},"schema.groups ",["inlinecode","Function|String"]],["para","The field from the server response which contains the groups. Can be set to a function which is called to\nreturn the groups from the response."],["blockquote",["para","The ",["inlinecode","groups"]," option is used only when the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," option is set to ",["inlinecode","true"],"."]],["para","The result should have the following format:"],["code_block","[{\n aggregates: {\n FIEL1DNAME: {\n FUNCTON1NAME: FUNCTION1VALUE,\n FUNCTON2NAME: FUNCTION2VALUE\n },\n FIELD2NAME: {\n FUNCTON1NAME: FUNCTION1VALUE\n }\n },\n field: FIELDNAME, // the field by which the data items are grouped\n hasSubgroups: true, // true if there are subgroups\n items: [\n // either the subgroups or the data items\n {\n aggregates: {\n //nested group aggregates\n },\n field: NESTEDGROUPFIELDNAME,\n hasSubgroups: false,\n items: [\n // data records\n ],\n value: NESTEDGROUPVALUE\n },\n //nestedgroup2, nestedgroup3, etc.\n ],\n value: VALUE // the group key\n} /* other groups */\n]"],["header",{"level":4},"Example - set groups as a string"],["code_block",""],["header",{"level":4},"Example - set groups as a function"],["code_block",""],["header",{"level":3},"schema.model ",["inlinecode","Object|kendo.data.Model"]],["para","The data item (model) configuration."],["para","If set to an object the ",["link",{"href":"/api/framework/model#model.define"},"Model.define"]," method will be used to initialize the data source model."],["para","If set to an existing ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance the data source will use that instance and will ",["strong","not"]," initialize a new one."],["header",{"level":4},"Example - set the model as a JavaScript object"],["code_block",""],["header",{"level":4},"Example - set the model as an existing kendo.data.Model instance"],["code_block",""],["header",{"level":3},"schema.parse ",["inlinecode","Function"]],["para","Executed before the server response is used. Use it to preprocess or parse the server response."],["header",{"level":4},"Example - data projection"],["code_block",""],["header",{"level":3},"schema.total ",["inlinecode","Function|String"]],["para","The field from the server response which contains the total number of data items. Can be set to a function which is called to\nreturn the total number of data items for the response."],["blockquote",["para","If ",["inlinecode","schema.total"]," is not specified the ",["inlinecode","length"]," of the ",["inlinecode","Array"]," returned by ",["link",{"href":"#configuration-schema.data"},"schema.data"]," will be used."],["para","The ",["inlinecode","schema.total"]," option must be set if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," The total number of data items."],["header",{"level":4},"Example: set total as a string"],["code_block",""],["header",{"level":4},"Example: set total as a function"],["code_block",""],["header",{"level":3},"schema.type ",["inlinecode","String"]," ",["em","(default: \"json\")"]],["para","The type of the response. The supported values are \"xml\" and \"json\". By default the schema interprets the server response as JSON."],["header",{"level":4},"Example - use XML data"],["code_block",""],["header",{"level":3},"serverAggregates ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the data source will leave the aggregate calculation to the remote service. By default the data source calculates aggregates client-side."],["blockquote",["para","Don't forget to set ",["link",{"href":"#configuration-schema.aggregates"},"schema.aggreagates"]," if you set ",["inlinecode","serverAggregates"]," to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - enable server aggregates"],["code_block",""],["header",{"level":3},"serverFiltering ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the data source will leave the filtering implementation to the remote service. By default the data source performs filtering client-side."],["para","By default the ",["link",{"href":"#configuration-filter"},"filter"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the filter ",["inlinecode","{ logic: \"and\", filters: [ { field: \"name\", operator: \"startswith\", value: \"Jane\" } ] }"]," is sent as:"],["bulletlist",["listitem","filter[logic]: and"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[field]: name"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[operator]: startswith"],["listitem","filter",["link_ref",{"ref":"0","original":"[filters][0]"},"filters"],"[value]: Jane"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the filter option in a different format."],["header",{"level":4},"Example - enable server filtering"],["code_block",""],["header",{"level":3},"serverGrouping ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the data source will leave the grouping implementation to the remote service. By default the data source performs grouping client-side."],["para","By default the ",["link",{"href":"#configuration-group"},"group"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the group ",["inlinecode","{ field: \"category\", dir: \"desc\" }"]," is sent as:"],["bulletlist",["listitem","group[0][field]: category"],["listitem","group[0][dir]: desc"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the group option in a different format."],["header",{"level":4},"Example - enable server grouping"],["code_block",""],["header",{"level":3},"serverPaging ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the data source will leave the data item paging implementation to the remote service. By default the data source performs paging client-side."],["blockquote",["para","Don't forget to set ",["link",{"href":"#configuration-schema.total"},"schema.total"]," if you set ",["inlinecode","serverPaging"]," to ",["inlinecode","true"],"."]],["para","The following options are sent to the server when server paging is enabled:"],["bulletlist",["listitem","page - the page of data item to return (",["inlinecode","1"]," means the first page)"],["listitem","pageSize - the number of items to return"],["listitem","skip - how many data items to skip"],["listitem","take - the number of data items to return (the same as ",["inlinecode","pageSize"],")"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the paging options in a different format."],["header",{"level":4},"Example - enable server paging"],["code_block",""],["header",{"level":3},"serverSorting ",["inlinecode","Boolean"]," ",["em","(default: false)"]],["para","If set to ",["inlinecode","true"]," the data source will leave the data item sorting implementation to the remote service. By default the data source performs sorting client-side."],["para","By default the ",["link",{"href":"#configuration-sort"},"sort"]," is sent to the server following jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["para","For example the sort ",["inlinecode","{ field: \"age\", dir: \"desc\" }"]," is sent as:"],["bulletlist",["listitem","sort[0][field]: age"],["listitem","sort[0][dir]: desc"]],["para","Use the ",["link",{"href":"#configuration-transport.parameterMap"},"parameterMap"]," option to send the paging options in a different format."],["header",{"level":4},"Example - enable server sorting"],["code_block",""],["header",{"level":3},"sort ",["inlinecode","Array|Object"]],["para","The sort order which will be applied over the data items. By default the data items are not sorted."],["blockquote",["para","The data source sorts the data items client-side unless the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"]," option is set to ",["inlinecode","true"],"."]],["header",{"level":4},"Example - sort the data items"],["code_block",""],["header",{"level":4},"Example - sort the data items by multiple fields"],["code_block",""],["header",{"level":3},"sort.dir ",["inlinecode","String"]],["para","The sort order (direction). The supported values are \"asc\" (ascending order) and \"desc\" (descending order)."],["header",{"level":4},"Example - specify the sort order (direction)"],["code_block",""],["header",{"level":3},"sort.field ",["inlinecode","String"]],["para","The field by which the data items are sorted."],["header",{"level":4},"Example - specify the sort field"],["code_block",""],["header",{"level":3},"transport ",["inlinecode","Object"]],["para","The configuration used to load and save the data items. A data source is remote or local based on the way of it retrieves data items."],["para","Remote data sources load and save data items from and to a remote end-point (a.k.a. remote service or server). The ",["inlinecode","transport"]," option describes the remote service configuration - URL, HTTP verb, HTTP headers etc.\nThe ",["inlinecode","transport"]," option can also be used to implement custom data loading and saving."],["para","Local data sources are bound to a JavaScript array via the ",["link",{"href":"#configuration-data"},"data"]," option."],["header",{"level":4},"Example - specify the remote service configuration"],["code_block",""],["header",{"level":3},"transport.create ",["inlinecode","Object|String|Function"]],["para","The configuration used when the data source saves newly created data items. Those are items added to the data source via the ",["link",{"href":"#methods-add"},"add"]," or ",["link",{"href":"#methods-insert"},"insert"]," methods."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.create"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.create"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.create"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.create"]," is a string the data source uses this string as the URL of the remote service."],["blockquote",["para",["em","Important:"]," The remote service must return the inserted data items and the data item field configured as the ",["inlinecode","id"]," must be set. For example\nif the ",["inlinecode","id"]," of the data item is ",["inlinecode","ProductID"]," the \"create\" server response must be ",["inlinecode","[{ \"ProductID\": 79 }]"],"."]],["header",{"level":4},"Example - set the create remote service"],["code_block",""],["header",{"level":4},"Example - set create as a function"],["code_block",""],["header",{"level":3},"transport.create.cache ",["inlinecode","Boolean"]],["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - enable request caching"],["code_block",""],["header",{"level":3},"transport.create.contentType ",["inlinecode","String"]],["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set content type"],["code_block",""],["header",{"level":3},"transport.create.data ",["inlinecode","Object|Function"]],["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - send additional parameters as an object"],["code_block",""],["header",{"level":4},"Example - send additional parameters by returning them from a function"],["code_block",""],["header",{"level":3},"transport.create.dataType ",["inlinecode","String"]],["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the data type to JSON"],["code_block",""],["header",{"level":3},"transport.create.type ",["inlinecode","String"]," ",["em","(default: \"GET\")"]],["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the HTTP verb of the request"],["code_block",""],["header",{"level":3},"transport.create.url ",["inlinecode","String|Function"]],["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."],["header",{"level":4},"Example - specify URL as a string"],["code_block",""],["header",{"level":4},"Example - specify URL as a function"],["code_block",""],["header",{"level":3},"transport.destroy ",["inlinecode","Object|String|Function"]],["para","The configuration used when the data source destroys data items. Those are items removed from the data source via the ",["link",{"href":"#methods-remove"},"remove"]," method."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.destroy"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.destroy"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.destroy"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.destroy"]," is a string the data source uses this string as the URL of the remote service."],["header",{"level":4},"Example - set the destroy remote service"],["code_block",""],["header",{"level":4},"Example - set destroy as a function"],["code_block",""],["header",{"level":3},"transport.destroy.cache ",["inlinecode","Boolean"]],["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - enable request caching"],["code_block",""],["header",{"level":3},"transport.destroy.contentType ",["inlinecode","String"]],["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set content type"],["code_block",""],["header",{"level":3},"transport.destroy.data ",["inlinecode","Object|Function"]],["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - send additional parameters as an object"],["code_block",""],["header",{"level":4},"Example - send additional parameters by returning them from a function"],["code_block",""],["header",{"level":3},"transport.destroy.dataType ",["inlinecode","String"]],["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the data type to JSON"],["code_block",""],["header",{"level":3},"transport.destroy.type ",["inlinecode","String"]],["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example"],["code_block",""],["header",{"level":3},"transport.destroy.url ",["inlinecode","String|Function"]],["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."],["header",{"level":4},"Example - specify URL as a string"],["code_block",""],["header",{"level":4},"Example - specify URL as a function"],["code_block",""],["header",{"level":3},"transport.parameterMap ",["inlinecode","Function"]],["para","The function which converts the request parameters to a format suitable for the remote service. By default\nthe data source sends the parameters using jQuery's ",["link",{"href":"http://api.jquery.com/jQuery.param/"},"conventions"],"."],["blockquote",["para","The ",["inlinecode","parameterMap"]," method is often used to encode the parameters in JSON format."],["para",["strong","Important:"]," The ",["inlinecode","parameterMap"]," function will not be called when using custom functions for the read, update, create and destroy operations. "]],["header",{"level":4},"Parameters"],["header",{"level":5},"data ",["inlinecode","Object"]],["para","The parameters which will be sent to the remote service. The value specified in the ",["inlinecode","data"]," field of the transport settings (create, read, update or destroy) is included as well.\nIf ",["link",{"href":"#batch-boolean-default"},"batch"]," is set to ",["inlinecode","false"]," the fields of the changed data items are also included."],["header",{"level":5},"data.aggregate ",["inlinecode","Array"]],["para","The current aggregate configuration as set via the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option.\nAvailable if the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.group ",["inlinecode","Array"]],["para","The current grouping configuration as set via the ",["link",{"href":"#configuration-group"},"group"]," option.\nAvailable if the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.filter ",["inlinecode","Object"]],["para","The current filter configuration as set via the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nAvailable if the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.models ",["inlinecode","Array"]],["para","All changed data items. Available if there are any data item changes and the ",["link",{"href":"#configuration-batch"},"batch"]," option is set to ",["inlinecode","true"],"."],["header",{"level":5},"data.page ",["inlinecode","Number"]],["para","The current page. Available if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.pageSize ",["inlinecode","Number"]],["para","The current page size as set via the ",["link",{"href":"#configuration-pageSize"},"pageSize"]," option. Available if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.skip ",["inlinecode","Number"]],["para","The number of data items to skip. Available if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.sort ",["inlinecode","Array"]],["para","The current sort configuration as set via the ",["link",{"href":"#configuration-sort"},"sort"]," option. Available if the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"data.take ",["inlinecode","Number"]],["para","The number of data items to return (the same as ",["inlinecode","data.pageSize"],"). Available if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"]," option is set to ",["inlinecode","true"]," and the data source makes a \"read\" request."],["header",{"level":5},"type ",["inlinecode","String"]],["para","The type of the request which the data source makes. The supported values are \"create\", \"read\", \"update\" and \"destroy\"."],["header",{"level":4},"Returns"],["para",["inlinecode","Object"]," the request parameters converted to a format required by the remote service."],["header",{"level":4},"Example - convert data source request parameters"],["code_block",""],["header",{"level":4},"Example - send request parameters as JSON"],["code_block",""],["header",{"level":3},"transport.read ",["inlinecode","Object|String|Function"]],["para","The configuration used when the data source loads data items from a remote service."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.read"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.read"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.read"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.read"]," is a string the data source uses this string as the URL of the remote service."],["header",{"level":4},"Example - set the read remote service"],["code_block",""],["header",{"level":4},"Example - send additional parameters to the remote service"],["code_block","\n"],["header",{"level":4},"Example - set read as a function"],["code_block",""],["header",{"level":3},"transport.read.cache ",["inlinecode","Boolean"]],["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - enable request caching"],["code_block",""],["header",{"level":3},"transport.read.contentType ",["inlinecode","String"]],["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set content type"],["code_block",""],["header",{"level":3},"transport.read.data ",["inlinecode","Object|Function"]],["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - send additional parameters as an object"],["code_block",""],["header",{"level":4},"Example - send additional parameters by returning them from a function"],["code_block",""],["header",{"level":3},"transport.read.dataType ",["inlinecode","String"]],["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the data type to JSON"],["code_block",""],["header",{"level":3},"transport.read.type ",["inlinecode","String"]],["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the HTTP verb of the request"],["code_block",""],["header",{"level":3},"transport.read.url ",["inlinecode","String|Function"]],["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."],["header",{"level":4},"Example - specify URL as a string"],["code_block",""],["header",{"level":4},"Example - specify URL as a function"],["code_block",""],["header",{"level":3},"transport.update ",["inlinecode","Object|String|Function"]],["para","The configuration used when the data source saves updated data items. Those are data items whose fields have been updated."],["blockquote",["para","The data source uses ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," to make a HTTP request to the remote service. The value configured via ",["inlinecode","transport.update"]," is passed to ",["inlinecode","jQuery.ajax"],". This means that you can set\nall options supported by ",["inlinecode","jQuery.ajax"]," via ",["inlinecode","transport.update"]," except the ",["inlinecode","success"]," and ",["inlinecode","error"]," callback functions which are used by the transport."]],["para","If the value of ",["inlinecode","transport.update"]," is a function, the data source invokes that function instead of ",["inlinecode","jQuery.ajax"],"."],["para","If the value of ",["inlinecode","transport.update"]," is a string the data source uses this string as the URL of the remote service."],["header",{"level":4},"Example - specify update as a string"],["code_block",""],["header",{"level":4},"Example - specify update as a function"],["code_block",""],["header",{"level":3},"transport.update.cache ",["inlinecode","Boolean"]],["para","If set to ",["inlinecode","false"]," the request result will not be cached by the browser. Setting cache to ",["inlinecode","false"]," will only work correctly with HEAD and GET requests. It works by appending ",["em","\"_={timestamp}\""]," to the GET parameters.\nBy default \"jsonp\" requests are not cached."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - enable request caching"],["code_block",""],["header",{"level":3},"transport.update.contentType ",["inlinecode","String"]],["para","The content-type HTTP header sent to the server. Default is ",["inlinecode","\"application/x-www-form-urlencoded\""],". Use ",["inlinecode","\"application/json\""]," if the content is JSON.\nRefer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set content type"],["code_block",""],["header",{"level":3},"transport.update.data ",["inlinecode","Object|Function"]],["para","Additional parameters which are sent to the remote service."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - send additional parameters as an object"],["code_block",""],["header",{"level":4},"Example - send additional parameters by returning them from a function"],["code_block",""],["header",{"level":3},"transport.update.dataType ",["inlinecode","String"]],["para","The type of result expected from the server. Commonly used values are \"json\" and \"jsonp\"."],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the data type to JSON"],["code_block",""],["header",{"level":3},"transport.update.type ",["inlinecode","String"]],["para","The type of request to make (\"POST\", \"GET\", \"PUT\" or ",["inlinecode","\"DELETE\""],"), default is \"GET\"."],["blockquote",["para","The ",["inlinecode","type"]," option is ignored if ",["inlinecode","dataType"]," is set to \"jsonp\". JSONP always uses GET requests."]],["para","Refer to the ",["link",{"href":"http://api.jquery.com/jQuery.ajax"},"jQuery.ajax"]," documentation for further info."],["header",{"level":4},"Example - set the HTTP verb of the request"],["code_block",""],["header",{"level":3},"transport.update.url ",["inlinecode","String|Function"]],["para","The URL to which the request is sent."],["para","If set to function the data source will invoke it and use the result as the URL."],["header",{"level":4},"Example - specify URL as a string"],["code_block",""],["header",{"level":4},"Example - specify URL as a function"],["code_block",""],["header",{"level":3},"type ",["inlinecode","String"]],["para","If set the data source will use a predefined ",["link",{"href":"#configuration-transport"},"transport"]," and/or ",["link",{"href":"#configuration-schema"},"schema"],". The only supported value is \"odata\" which supports the ",["link",{"href":"http://www.odata.org"},"OData"]," v.2 protocol."],["header",{"level":4},"Example - enable OData support"],["code_block",""],["header",{"level":2},"Methods"],["header",{"level":3},"add"],["para","Appends a data item to the data source."],["header",{"level":4},"Parameters"],["header",{"level":5},"model ",["inlinecode","Object|kendo.data.Model"]],["para","Either a ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance or JavaScript object containing the data item field values."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.Model"]," the data item which is inserted."],["header",{"level":4},"Example - add a data item to a local data source"],["code_block",""],["header",{"level":4},"Example - add a data item to a remote data source"],["code_block",""],["header",{"level":3},"aggregate"],["para","Gets or sets the aggregate configuration."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Object|Array"]],["para","The aggregate configuration. Accepts the same values as the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option."],["header",{"level":4},"Returns"],["para",["inlinecode","Array"]," the current aggregate configuration."],["header",{"level":4},"Example - set the data source aggregates"],["code_block",""],["header",{"level":4},"Example - get the data source aggregates"],["code_block",""],["header",{"level":3},"aggregates"],["para","Returns the aggregate results."],["header",{"level":4},"Returns"],["para",["inlinecode","Object"]," the aggregate results. There is a key for every aggregated field."],["header",{"level":4},"Example - get aggregate results"],["code_block",""],["header",{"level":3},"at"],["para","Returns the data item at the specified index. The index is zero-based."],["header",{"level":4},"Parameters"],["header",{"level":5},"index ",["inlinecode","Number"]],["para","The zero-based index of the data item."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.ObservableObject"]," the data item at the specified index. Returns ",["inlinecode","undefined"]," if a data item is not found at the specified index.\nReturns a ",["inlinecode","kendo.data.Model"]," instance if the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option is set."],["header",{"level":4},"Example - get a data item"],["code_block",""],["header",{"level":3},"cancelChanges"],["para","Cancels any pending changes in the data source. Deleted data items are restored, new data items are removed and updated data items are restored to their initial state."],["header",{"level":4},"Parameters"],["header",{"level":5},"model ",["inlinecode","kendo.data.Model"]],["para","The optional data item (model). If specified only the changes of this data item will be discarded. If omitted all changes will be discarded."],["header",{"level":4},"Example - cancel all changes"],["code_block",""],["header",{"level":4},"Example - cancel changes of only one data item"],["code_block",""],["header",{"level":3},"data"],["para","Gets or sets the data items of the data source."],["para","If the data source is bound to a remote service (via the ",["link",{"href":"#configuration-transport"},"transport"]," option) the ",["inlinecode","data"]," method will return the service response.\nEvery item from the response is wrapped in a ",["link",{"href":"/api/framework/observableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option is set)."],["para","If the data source is bound to a JavaScript array (via the ",["link",{"href":"#configuration-data"},"data"]," option) the ",["inlinecode","data"]," method will return the items of that array.\nEvery item from the array is wrapped in a ",["link",{"href":"/api/framework/observableobject"},"kendo.data.ObservableObject"]," or ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," (if the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option is set)."],["para","If the data source is grouped (via the ",["link",{"href":"#configuration-group"},"group"]," option or the ",["link",{"href":"#methods-group"},"group"]," method) and the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"]," is set to ",["inlinecode","true"],"\nthe ",["inlinecode","data"]," method will return the group items."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Array|kendo.data.ObservableArray"]],["para","The data items which will replace the current ones in the data source. If omitted the current data items will be returned."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.ObservableArray"]," the data items of the data source. Returns empty array if the data source hasn't been populated with data items via the ",["link",{"href":"#methods-read"},"read"],", ",["link",{"href":"#methods-fetch"},"fetch"]," or ",["link",{"href":"#methods-query"},"query"]," methods."],["header",{"level":4},"Example - get the data items when bound to array"],["code_block",""],["header",{"level":4},"Example - get the data items when bound to a remote service"],["code_block",""],["header",{"level":4},"Example - set the data items"],["code_block",""],["header",{"level":3},"fetch"],["para","Reads the data items from a remote service (if the ",["link",{"href":"#configuration-transport"},"transport"]," option is set) or from a JavaScript array (if the ",["link",{"href":"#configuration-data"},"data"]," option is set)."],["blockquote",["para","The ",["inlinecode","fetch"]," method makes a request to the remote service only the first time it is called."]],["header",{"level":4},"Parameters"],["header",{"level":5},"callback ",["inlinecode","Function"]," ",["em","(optional)"]],["para","The optional function which is executed when the remote request is finished. The function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["header",{"level":4},"Example - read data from a remote data source"],["code_block",""],["header",{"level":3},"filter"],["para","Gets or sets the filter configuration."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Object"]," ",["em","(optional)"]],["para","The filter configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option (",["strong","check there fo more examples"],")."],["header",{"level":4},"Returns"],["para",["inlinecode","Object"]," the current filter configuration."],["header",{"level":4},"Example - set the data source filter"],["code_block",""],["header",{"level":4},"Example - get the data source filter"],["code_block",""],["header",{"level":3},"get"],["para","Gets the data item (model) with the specified ",["link",{"href":"/api/framework/model#fields-id"},"id"],"."],["blockquote",["para","The ",["inlinecode","get"]," method requires the ",["link",{"href":"#configuration-schema.model"},"schema.model"]," option to be set and the ",["inlinecode","id"]," of the model to be specified."]],["header",{"level":4},"Parameters"],["header",{"level":5},"id ",["inlinecode","Number|String"]],["para","The id of the model to look for."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.Model"]," the model instance. Returns ",["inlinecode","undefined"]," if a model with the specified id is not found."],["header",{"level":4},"Example - find a model by id"],["code_block",""],["header",{"level":3},"getByUid"],["para","Gets the data item (model) with the specified ",["link",{"href":"/api/framework/model#fields-uid"},"uid"],"."],["header",{"level":4},"Parameters"],["header",{"level":5},"uid ",["inlinecode","String"]],["para","The uid of the model to look for."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.ObservableObject"]," the model instance. Returns ",["inlinecode","undefined"]," if a model with the specified uid is not found."],["header",{"level":3},"group"],["para","Gets or sets the grouping configuration."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Object|Array"]],["para","The grouping configuration. Accepts the same values as the ",["link",{"href":"#configuration-group"},"group"]," option."],["header",{"level":4},"Returns"],["para",["inlinecode","Array"]," the current grouping configuration."],["header",{"level":4},"Example - group the data items"],["code_block",""],["header",{"level":4},"Example - get the data source grouping configuration"],["code_block",""],["header",{"level":3},"hasChanges ",["inlinecode","Boolean"]],["para","Cheks if the data itams have changed."],["header",{"level":4},"Returns"],["para",["inlinecode","Boolean"]," returns ",["inlinecode","true"]," if the data items have changed. Otherwise, ",["inlinecode","false"],"."],["header",{"level":4},"Example - check if the data source has changes"],["code_block",""],["header",{"level":3},"indexOf"],["para","Gets the index of the specified data item."],["header",{"level":4},"Parameters"],["header",{"level":5},"dataItem ",["inlinecode","kendo.data.ObservableObject"]],["para","The target data item."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," the index of the specified data item. Returns ",["inlinecode","-1"]," if the data item is not found."],["header",{"level":4},"Example - get the index of a data item"],["code_block",""],["header",{"level":3},"insert"],["para","Inserts a data item in the data source at the specified index."],["header",{"level":4},"Parameters"],["header",{"level":5},"index ",["inlinecode","Number"]],["para","The zero-based index at which the data item will be inserted."],["header",{"level":5},"model ",["inlinecode","Object|kendo.data.ObservableObject|kendo.data.Model"]],["para","Either a ",["link",{"href":"/api/framework/model"},"kendo.data.Model"]," instance or JavaScript object containing the field values."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.Model"]," the data item which is inserted."],["header",{"level":4},"Example - insert a data item"],["code_block",""],["header",{"level":3},"page"],["para","Gets or sets the current page."],["header",{"level":4},"Parameters"],["header",{"level":5},"page ",["inlinecode","Number"]],["para","The new page."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," the current page."],["header",{"level":4},"Example - set the current page"],["code_block",""],["header",{"level":4},"Example - get the current page"],["code_block",""],["header",{"level":4},"Example - get the page size"],["code_block",""],["header",{"level":3},"query"],["para","Executes the specified query over the data items. Makes a HTTP request if bound to a remote service."],["header",{"level":4},"Parameters"],["header",{"level":5},"options ",["inlinecode","Object"]," ",["em","(optional)"]],["para","The query options which should be applied."],["header",{"level":5},"options.aggregate ",["inlinecode","Array"]," ",["em","(optional)"]],["para","The aggregate configuration. Accepts the same values as the ",["link",{"href":"#configuration-aggregate"},"aggregate"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverAggregates"},"serverAggregates"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.filter ",["inlinecode","Object|Array"]," ",["em","(optional)"]],["para","The filter configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverFiltering"},"serverFiltering"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.group ",["inlinecode","Object|Array"]," ",["em","(optional)"]],["para","The grouping configuration. Accepts the same values as the ",["link",{"href":"#configuration-filter"},"filter"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverGrouping"},"serverGrouping"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.page ",["inlinecode","Number"]," ",["em","(optional)"]],["para","The page of data to return.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.pageSize ",["inlinecode","Number"]," ",["em","(optional)"]],["para","The number of data items to return.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverPaging"},"serverPaging"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":5},"options.sort ",["inlinecode","Object|Array"]," ",["em","(optional)"]],["para","The sort configuration. Accepts the same values as the ",["link",{"href":"#configuration-sort"},"sort"]," option.\nThe ",["inlinecode","query"]," method will request the remote service if the ",["link",{"href":"#configuration-serverSorting"},"serverSorting"],"\noption is set to ",["inlinecode","true"],"."],["header",{"level":4},"Example - query the data source"],["code_block",""],["header",{"level":3},"read"],["para","Reads data items from a remote service (if the ",["link",{"href":"#configuration-transport"},"transport"]," option is set) or from a JavaScript array (if the ",["link",{"href":"#configuration-data"},"data"]," option is set)."],["blockquote",["para","The ",["inlinecode","read"]," method always makes a request to the remote service."]],["header",{"level":4},"Parameters"],["header",{"level":5},"data ",["inlinecode","Object"]," ",["em","(optional)"]],["para","Optional data to pass to the remote service."],["header",{"level":4},"Example - read data from a remote service"],["code_block",""],["header",{"level":3},"remove"],["para","Removes the specified data item from the data source."],["header",{"level":4},"Parameters"],["header",{"level":5},"model ",["inlinecode","kendo.data.Model"]],["para","The data item which should be removed."],["header",{"level":4},"Example - remove a data item"],["code_block",""],["header",{"level":3},"sort"],["para","Gets or sets the sort order which will be applied over the data items."],["header",{"level":4},"Parameters"],["header",{"level":5},"value ",["inlinecode","Object|Array"]],["para","The sort configuration. Accepts the same values as the ",["link",{"href":"#configuration-sort"},"sort"]," option."],["header",{"level":4},"Returns"],["para",["inlinecode","Array"]," the current sort configuration."],["header",{"level":4},"Example - sort the data items"],["code_block",""],["header",{"level":4},"Example - get the sort configuration"],["code_block",""],["header",{"level":3},"sync"],["para","Saves any data item changes."],["para","The ",["inlinecode","sync"]," method will request the remote service if:"],["bulletlist",["listitem","the ",["link",{"href":"#configuration-transport.create"},"transport.create"]," option is set and the data source contains new data items"],["listitem","the ",["link",{"href":"#configuration-transport.destroy"},"transport.destroy"]," option is set and data items have been removed from the data source"],["listitem","the ",["link",{"href":"#configuration-transport.update"},"transport.update"]," option is set and the data source contains updated data items"]],["header",{"level":4},"Example - save the changes"],["code_block",""],["header",{"level":3},"total"],["para","Gets the total number of data items. Uses ",["link",{"href":"#configuration-schema.total"},"schema.total"]," if the ",["link",{"href":"#configuration-transport.read"},"transport.read"]," option is set."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," the total number of data items. Returns the ",["inlinecode","length"]," of the array returned by the ",["link",{"href":"#methods-data"},"data"]," method if ",["inlinecode","schema.total"]," or ",["inlinecode","transport.read"]," are not set.\nReturns ",["inlinecode","0"]," if the data source hasn't been populated with data items via the ",["link",{"href":"#methods-read"},"read"],", ",["link",{"href":"#methods-read"},"fetch"]," or ",["link",{"href":"#methods-query"},"query"]," methods."],["header",{"level":4},"Example - get the total number of data items"],["code_block",""],["header",{"level":3},"totalPages"],["para","Gets the number of available pages."],["header",{"level":4},"Returns"],["para",["inlinecode","Number"]," the available pages."],["header",{"level":4},"Example - get the total number of pages"],["code_block",""],["header",{"level":3},"view"],["para","Returns the data items which correspond to the current page, filter, sort and group configuration."],["para","To ensure that data is available this method should be used within the ",["link",{"href":"#events-change"},"change"]," event handler or the ",["link",{"href":"#methods-fetch"},"fetch"]," method."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.ObservableArray"]," the data items. Returns groups if the data items are grouped (via the ",["link",{"href":"#configuration-group"},"group"]," option or the ",["link",{"href":"#methods-group"},"group"]," method)."],["header",{"level":4},"Example - get the paged and sorted data items"],["code_block",""],["header",{"level":4},"Example - get the paged, sorted and grouped data items"],["code_block",""],["header",{"level":2},"Events"],["header",{"level":3},"change"],["para","Fired when the data source is populated from a JavaScript array or a remote service, a data item is inserted, updated or removed, the data items are paged, sorted, filtered or grouped."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":4},"Example - subscribe to the \"change\" event during initialization"],["code_block",""],["header",{"level":4},"Example - subscribe to the \"change\" event after initialization"],["code_block",""],["header",{"level":3},"error"],["para","Fired when a request to the remote service fails."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["blockquote",["para","If the ",["link",{"href":"#configuration-schema.errors"},"schema.errors"]," option is set and the server response contains that field then the ",["inlinecode","error"]," event will be fired. The\n",["inlinecode","errors"]," field of the event argument will contain the errors returned by the server."]],["header",{"level":4},"Event Data"],["header",{"level":5},"e.errorThrown ",["inlinecode","Object"]," ",["em","(optional)"]],["para","Optional exception."],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":5},"e.status ",["inlinecode","String"]],["para","String describing the type of the error"],["header",{"level":5},"e.xhr ",["inlinecode","Object"]],["para","The current ",["link",{"href":"http://api.jquery.com/Types/#jqXHR"},"jqXHR"],"."],["header",{"level":4},"Example - subscribe to the \"error\" event during initialization"],["code_block",""],["header",{"level":3},"requestEnd"],["para","Fired when a remote service request is finished."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.response ",["inlinecode","Object"]],["para","The raw remote service response."],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":5},"e.type ",["inlinecode","String"]],["para","The type of the request. Set to \"create\", \"read\", \"update\" or \"destroy\"."],["header",{"level":4},"Example - subscribe to the \"requestEnd\" event during initialization"],["code_block",""],["header",{"level":4},"Example - subscribe to the \"requestEnd\" event after initialization"],["code_block",""],["header",{"level":3},"requestStart"],["para","Fired when the data source makes a remote service request."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["header",{"level":4},"Event Data"],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":4},"Example - subscribe to the \"requestStart\" event during initialization"],["code_block",""],["header",{"level":4},"Example - subscribe to the \"requestStart\" event after initialization"],["code_block",""],["header",{"level":3},"sync"],["para","Fired after the data source saves data item changes. The data source saves the data item changes when the ",["link",{"href":"#methods-sync"},"sync"]," method is called."],["para","The event handler function context (available via the ",["inlinecode","this"]," keyword) will be set to the data source instance."],["blockquote",["para","The ",["inlinecode","sync"]," event is fired after all remote requests finish."]],["header",{"level":4},"Event Data"],["header",{"level":5},"e.sender ",["inlinecode","kendo.data.DataSource"]],["para","The data source instance which fired the event."],["header",{"level":4},"Example - subscribe to the \"sync\" event during initialization"],["code_block",""],["header",{"level":4},"Example - subscribe to the \"sync\" event after initialization"],["code_block",""],["header",{"level":2},"Class methods"],["header",{"level":3},"create"],["para","Creates a data source instance using the specified configuration. If the configuration is a data source instance the same instance will be returned."],["header",{"level":4},"Returns"],["para",["inlinecode","kendo.data.DataSource"]," the new data source instance."],["header",{"level":4},"Parameters"],["header",{"level":5},"options ",["inlinecode","Object"]],["para","The data source ",["link",{"href":"#configuration"},"configuration"],"."],["header",{"level":4},"Example - parsing the dataSource configuration option in a custom widget"],["code_block",""]]},"kendo.ui.Draggable":{"file":"api/framework/draggable.md","name":"kendo.ui.Draggable","config":[{"name":"axis","type":["String"],"default":"null","short_doc":[["para"," Constrains the hint movement to either the horizontal (x) or vertical (y) axis. Can be set to either \"x\" or \"y\"."]],"doc":[["para"," Constrains the hint movement to either the horizontal (x) or vertical (y) axis. Can be set to either \"x\" or \"y\"."],["header",{"level":4},"Example - initialize horizontally draggable element"],["code_block","\n\n\n"]]},{"name":"container","type":["jQuery"],"short_doc":[["para","If set, the hint movement is constrained to the container boundaries."]],"doc":[["para","If set, the hint movement is constrained to the container boundaries."],["header",{"level":4},"Example"],["code_block","Area accepts only draggable elements from orange group
\nArea accepts only draggable elements from orange group
\nArea accepts only draggable elements from orange group
\nArea accepts only draggable elements from orange group
\nArea accepts only draggable elements from orange group
\nArea accepts only draggable elements from orange group
\nArea accepts only draggable elements from orange group
\nthe header
the footer
iOS header
iOS footer
Android header
Android footer
the header
the footer
iOS header
iOS footer
Android header
Android footer