window.__EC_DOC_option_calendar = {"id":{"desc":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"zlevel":{"desc":"<p>所有图形的 zlevel 值。</p>\n<p><code class=\"codespan\">zlevel</code>用于 Canvas 分层,不同<code class=\"codespan\">zlevel</code>值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的<code class=\"codespan\">zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大,在手机端上需要谨慎使用以防崩溃。</p>\n<p><code class=\"codespan\">zlevel</code> 大的 Canvas 会放在 <code class=\"codespan\">zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"desc":"<p>组件的所有图形的<code class=\"codespan\">z</code>值。控制图形的前后顺序。<code class=\"codespan\">z</code>值小的图形会被<code class=\"codespan\">z</code>值大的图形覆盖。</p>\n<p><code class=\"codespan\">z</code>相比<code class=\"codespan\">zlevel</code>优先级更低,而且不会创建新的 Canvas。</p>\n"},"left":{"desc":"\n\n<p>calendar组件离容器左侧的距离。</p>\n<p><code class=\"codespan\">left</code> 的值可以是像 <code class=\"codespan\">20</code> 这样的具体像素值,可以是像 <code class=\"codespan\">'20%'</code> 这样相对于容器高宽的百分比,也可以是 <code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, <code class=\"codespan\">'right'</code>。</p>\n<p>如果 <code class=\"codespan\">left</code> 的值为<code class=\"codespan\">'left'</code>, <code class=\"codespan\">'center'</code>, <code class=\"codespan\">'right'</code>,组件会根据相应的位置自动对齐。</p>\n","uiControl":{"type":"percent","default":"0%"}},"top":{"desc":"\n\n<p>calendar组件离容器上侧的距离。</p>\n<p><code class=\"codespan\">top</code> 的值可以是像 <code class=\"codespan\">20</code> 这样的具体像素值,可以是像 <code class=\"codespan\">'20%'</code> 这样相对于容器高宽的百分比,也可以是 <code class=\"codespan\">'top'</code>, <code class=\"codespan\">'middle'</code>, <code class=\"codespan\">'bottom'</code>。</p>\n<p>如果 <code class=\"codespan\">top</code> 的值为<code class=\"codespan\">'top'</code>, <code class=\"codespan\">'middle'</code>, <code class=\"codespan\">'bottom'</code>,组件会根据相应的位置自动对齐。</p>\n","uiControl":{"type":"percent","default":"0%"}},"right":{"desc":"\n\n<p>calendar组件离容器右侧的距离。</p>\n<p><code class=\"codespan\">right</code> 的值可以是像 <code class=\"codespan\">20</code> 这样的具体像素值,可以是像 <code class=\"codespan\">'20%'</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n","uiControl":{"type":"percent","default":"0%"}},"bottom":{"desc":"\n\n<p>calendar组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code class=\"codespan\">20</code> 这样的具体像素值,可以是像 <code class=\"codespan\">'20%'</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n","uiControl":{"type":"percent","default":"0%"}},"width":{"desc":"\n\n<p>日历坐标的整体宽度</p>\n<p>注意: 默认cellSize 为20,若设置了<code class=\"codespan\">width</code>的值, 则<code class=\"codespan\">cellSize</code>中的宽度强制转为<code class=\"codespan\">auto</code>;</p>\n","uiControl":{"type":"number","min":"0","step":"1"}},"height":{"desc":"\n\n<p>日历坐标的整体高度,</p>\n<p>注意: 默认cellSize 为20,若设置了<code class=\"codespan\">height</code>的值, 则<code class=\"codespan\">cellSize</code>中的高度强制转为<code class=\"codespan\">auto</code>;</p>\n","uiControl":{"type":"number","min":"0","step":"1"}},"range":{"desc":"<p>必填,日历坐标的范围 支持多种格式</p>\n<p>使用示例:</p>\n<pre><code class=\"lang-ts\">\n// 某一年\nrange: 2017\n\n// 某个月\nrange: '2017-02'\n\n// 某个区间\nrange: ['2017-01-02', '2017-02-23']\n\n// 注意 此写法会识别为['2017-01-01', '2017-02-01']\nrange: ['2017-01', '2017-02']\n\n</code></pre>\n"},"cellSize":{"desc":"\n\n<p>日历每格框的大小,可设置单值 或数组 第一个元素是宽 第二个元素是高。\n支持设置自适应:<code class=\"codespan\">auto</code>, 默认为高宽均为20</p>\n<p>使用示例:</p>\n<pre><code class=\"lang-ts\">\n// 设置宽高均为20\ncellSize: 20\n\n// 设置宽为20,高为40\ncellSize: [20, 40]\n\n// 设置宽高均为40\ncellSize: [40]\n\n// 设置宽高均自适应\ncellSize: 'auto'\n\n// 设置宽自适应,高为40\ncellSize: ['auto', 40]\n\n</code></pre>\n","uiControl":{"type":"number","min":"0","step":"1","default":"20"}},"orient":{"desc":"\n\n<p>日历坐标的布局朝向。</p>\n<p>可选:</p>\n<ul>\n<li>'horizontal'</li>\n<li>'vertical'</li>\n</ul>\n","uiControl":{"type":"enum","options":"horizontal,vertical","default":"horizontal"}},"splitLine":{"desc":"<p>设置日历坐标分隔线的样式。</p>\n"},"splitLine.show":{"desc":"\n\n<p>是否显示分隔线。默认显示。</p>\n","uiControl":{"type":"boolean","show":"true"}},"splitLine.lineStyle.color":{"desc":"\n\n<p>分隔线线的颜色。</p>\n<blockquote>\n<p>支持使用<code class=\"codespan\">rgb(255,255,255)</code>,<code class=\"codespan\">rgba(255,255,255,1)</code>,<code class=\"codespan\">#fff</code>等方式设置为纯色,也支持设置为渐变色和纹理填充,具体见<a href=\"#color\">option.color</a></p>\n</blockquote>\n","uiControl":{"type":"color"}},"splitLine.lineStyle.width":{"desc":"\n\n<p>分隔线线宽。</p>\n","uiControl":{"type":"number","value":"1","min":"0","step":"0.5"}},"splitLine.lineStyle.type":{"desc":"\n\n\n<p>线的类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">dashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\ntype: [5, 10],\n\ndashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"splitLine.lineStyle.dashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">type</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"splitLine.lineStyle.cap":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于指定线段末端的绘制方式,可以是:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: 线段末端以方形结束。</li>\n<li><code class=\"codespan\">'round'</code>: 线段末端以圆形结束。</li>\n<li><code class=\"codespan\">'square'</code>: 线段末端以方形结束,但是增加了一个宽度和线段相同,高度是线段厚度一半的矩形区域。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'butt'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap\" target=\"_blank\">lineCap</a>。</p>\n","uiControl":{"type":"enum","default":"butt","options":"butt,round,square"}},"splitLine.lineStyle.join":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置2个长度不为0的相连部分(线段,圆弧,曲线)如何连接在一起的属性(长度为0的变形部分,其指定的末端和控制点在同一位置,会被忽略)。</p>\n<p>可以是:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域, 每个部分都有各自独立的矩形拐角。</li>\n<li><code class=\"codespan\">'round'</code>: 通过填充一个额外的,圆心在相连部分末端的扇形,绘制拐角的形状。 圆角的半径是线段的宽度。</li>\n<li><code class=\"codespan\">'miter'</code>: 通过延伸相连部分的外边缘,使其相交于一点,形成一个额外的菱形区域。这个设置可以通过 \n<code class=\"codespan\">miterLimit</code>\n属性看到效果。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'bevel'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin\" target=\"_blank\">lineJoin</a>。</p>\n","uiControl":{"type":"enum","default":"bevel","options":"bevel,round,miter"}},"splitLine.lineStyle.miterLimit":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置斜接面限制比例。只有当 \n<code class=\"codespan\">join</code>\n 为 <code class=\"codespan\">miter</code> 时,\n<code class=\"codespan\">miterLimit</code>\n 才有效。</p>\n<p>默认值为 <code class=\"codespan\">10</code>。负数、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> 和 <code class=\"codespan\">NaN</code> 均会被忽略。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit\" target=\"_blank\">miterLimit</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"10"}},"splitLine.lineStyle.shadowBlur":{"desc":"\n\n<p>图形阴影的模糊大小。该属性配合 <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n","uiControl":{"type":"number","default":"","min":"0","step":"0.5"}},"splitLine.lineStyle.shadowColor":{"desc":"\n\n<p>阴影颜色。支持的格式同<code class=\"codespan\">color</code>。</p>\n","uiControl":{"type":"color","default":""}},"splitLine.lineStyle.shadowOffsetX":{"desc":"\n\n<p>阴影水平方向上的偏移距离。</p>\n","uiControl":{"type":"number","default":"0","step":"0.5"}},"splitLine.lineStyle.shadowOffsetY":{"desc":"\n\n<p>阴影垂直方向上的偏移距离。</p>\n","uiControl":{"type":"number","default":"0","step":"0.5"}},"splitLine.lineStyle.opacity":{"desc":"\n\n<p>图形透明度。支持从 0 到 1 的数字,为 0 时不绘制该图形。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">calendar: [{\n splitLine: {\n show: true,\n lineStyle: {\n color: '#000',\n width: 1,\n type: 'solid'\n }\n }\n}]\n</code></pre>\n","uiControl":{"type":"number","default":"1","min":"0","max":"1","step":"0.01"}},"itemStyle":{"desc":"<p>设置日历格的样式</p>\n"},"itemStyle.color":{"desc":"\n\n<p>calendar图形的颜色。</p>\n<blockquote>\n<p>支持使用<code class=\"codespan\">rgb(255,255,255)</code>,<code class=\"codespan\">rgba(255,255,255,1)</code>,<code class=\"codespan\">#fff</code>等方式设置为纯色,也支持设置为渐变色和纹理填充,具体见<a href=\"#color\">option.color</a></p>\n</blockquote>\n","uiControl":{"type":"color"}},"itemStyle.borderColor":{"desc":"\n\n<p>calendar图形的描边颜色。支持的颜色格式同 <code class=\"codespan\">color</code>,不支持回调函数。</p>\n","uiControl":{"type":"color"}},"itemStyle.borderWidth":{"desc":"\n\n<p>calendar描边线宽。为 0 时无描边。</p>\n","uiControl":{"type":"number","value":"1","min":"0","step":"0.5"}},"itemStyle.borderType":{"desc":"\n\n\n<p>calendar描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">borderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\nborderType: [5, 10],\n\nborderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"itemStyle.borderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"itemStyle.borderCap":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于指定线段末端的绘制方式,可以是:</p>\n<ul>\n<li><code class=\"codespan\">'butt'</code>: 线段末端以方形结束。</li>\n<li><code class=\"codespan\">'round'</code>: 线段末端以圆形结束。</li>\n<li><code class=\"codespan\">'square'</code>: 线段末端以方形结束,但是增加了一个宽度和线段相同,高度是线段厚度一半的矩形区域。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'butt'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap\" target=\"_blank\">lineCap</a>。</p>\n","uiControl":{"type":"enum","default":"butt","options":"butt,round,square"}},"itemStyle.borderJoin":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置2个长度不为0的相连部分(线段,圆弧,曲线)如何连接在一起的属性(长度为0的变形部分,其指定的末端和控制点在同一位置,会被忽略)。</p>\n<p>可以是:</p>\n<ul>\n<li><code class=\"codespan\">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域, 每个部分都有各自独立的矩形拐角。</li>\n<li><code class=\"codespan\">'round'</code>: 通过填充一个额外的,圆心在相连部分末端的扇形,绘制拐角的形状。 圆角的半径是线段的宽度。</li>\n<li><code class=\"codespan\">'miter'</code>: 通过延伸相连部分的外边缘,使其相交于一点,形成一个额外的菱形区域。这个设置可以通过 \n<code class=\"codespan\">borderMiterLimit</code>\n属性看到效果。</li>\n</ul>\n<p>默认值为 <code class=\"codespan\">'bevel'</code>。 更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin\" target=\"_blank\">lineJoin</a>。</p>\n","uiControl":{"type":"enum","default":"bevel","options":"bevel,round,miter"}},"itemStyle.borderMiterLimit":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置斜接面限制比例。只有当 \n<code class=\"codespan\">borderJoin</code>\n 为 <code class=\"codespan\">miter</code> 时,\n<code class=\"codespan\">borderMiterLimit</code>\n 才有效。</p>\n<p>默认值为 <code class=\"codespan\">10</code>。负数、<code class=\"codespan\">0</code>、<code class=\"codespan\">Infinity</code> 和 <code class=\"codespan\">NaN</code> 均会被忽略。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit\" target=\"_blank\">miterLimit</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"10"}},"itemStyle.shadowBlur":{"desc":"\n\n<p>图形阴影的模糊大小。该属性配合 <code class=\"codespan\">shadowColor</code>,<code class=\"codespan\">shadowOffsetX</code>, <code class=\"codespan\">shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例:</p>\n<pre><code class=\"lang-ts\">{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n</code></pre>\n","uiControl":{"type":"number","default":"","min":"0","step":"0.5"}},"itemStyle.shadowColor":{"desc":"\n\n<p>阴影颜色。支持的格式同<code class=\"codespan\">color</code>。</p>\n","uiControl":{"type":"color","default":""}},"itemStyle.shadowOffsetX":{"desc":"\n\n<p>阴影水平方向上的偏移距离。</p>\n","uiControl":{"type":"number","default":"0","step":"0.5"}},"itemStyle.shadowOffsetY":{"desc":"\n\n<p>阴影垂直方向上的偏移距离。</p>\n","uiControl":{"type":"number","default":"0","step":"0.5"}},"itemStyle.opacity":{"desc":"\n\n<p>图形透明度。支持从 0 到 1 的数字,为 0 时不绘制该图形。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">calendar: [{\n itemStyle: {\n color: '#fff',\n borderWidth: 1,\n borderColor: '#ccc'\n }\n}]\n</code></pre>\n","uiControl":{"type":"number","default":"1","min":"0","max":"1","step":"0.01"}},"dayLabel":{"desc":"<p>设置日历坐标中 星期轴的样式</p>\n"},"dayLabel.show":{"desc":"\n\n<p>是否在普通状态下显示标签。</p>\n","uiControl":{"type":"boolean","default":"true"}},"dayLabel.firstDay":{"desc":"\n\n<p>一周从周几开始,默认从周日开始</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">\ncalendar: [{\n dayLabel: {\n firstDay: 1 // 从周一开始\n }\n}]\n\n</code></pre>\n","uiControl":{"type":"number","min":"0","max":"6","step":"1"}},"dayLabel.margin":{"desc":"\n\n<p>星期标签与轴线之间的距离</p>\n","uiControl":{"type":"number","min":"0","step":"1"}},"dayLabel.position":{"desc":"\n\n<p>星期的位置 在星期轴的开头还是结尾。</p>\n<p>可选:</p>\n<ul>\n<li>'start'</li>\n<li>'end'</li>\n</ul>\n","uiControl":{"type":"enum","options":"start,end","default":"start"}},"dayLabel.nameMap":{"desc":"\n\n<p>星期显示的效果,默认为'en'。从 <code class=\"codespan\">v5.2.2</code> 起,默认为<a href=\"api.html#echarts.init\" target=\"_blank\">初始化图表</a> 时指定的语言 <code class=\"codespan\">locale</code>,如未指定则根据浏览器语言自动侦测。</p>\n<p>可设置中英文以及自定义。从 <code class=\"codespan\">v5.2.2</code> 起,还可以是任意内置(<code class=\"codespan\">ZH</code> / <code class=\"codespan\">EN</code>)或其他<a href=\"api.html#echarts.registerLocale\" target=\"_blank\">已注册的语言包</a>名称(区分大小写)。</p>\n<p>下标 <code class=\"codespan\">0</code> 为对应 <code class=\"codespan\">星期日</code> 的文字显示</p>\n<p>使用示例:</p>\n<pre><code class=\"lang-ts\">\n// v5.2.2 以前版本\n\n// 快捷设置英文 ['S', 'M', 'T', 'W', 'T', 'F', 'S']\nnameMap: 'en',\n// 快捷设置中文 ['日', '一', '二', '三', '四', '五', '六']\nnameMap: 'cn',\n\n// v5.2.2 及以后版本\n\n// 快捷设置英文 ['S', 'M', 'T', 'W', 'T', 'F', 'S']\nnameMap: 'EN',\n// 快捷设置中文 ['日', '一', '二', '三', '四', '五', '六']\nnameMap: 'ZH',\n\n// 自定义设置: 中英文混杂 或者不显示\nnameMap: ['S', '一', 'T', '三', '', '五', 'S'],\n\ncalendar: [{\n dayLabel: {\n // nameMap: 'en' // v5.2.2 以前版本\n nameMap: 'EN' // v5.2.2 及以后版本\n }\n}]\n</code></pre>\n","uiControl":{"type":"enum","options":"EN,ZH","default":"EN"}},"dayLabel.color":{"desc":"\n\n<p>文字的颜色。</p>\n","uiControl":{"type":"color","default":"#000"}},"dayLabel.fontStyle":{"desc":"\n\n<p>文字字体的风格。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,italic,oblique"}},"dayLabel.fontWeight":{"desc":"\n\n<p>文字字体的粗细。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,bold,bolder,lighter"}},"dayLabel.fontFamily":{"desc":"\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n","uiControl":{"type":"enum","default":"sans-serif","options":"sans-serif,serif,monospace,Arial,Courier New"}},"dayLabel.fontSize":{"desc":"\n\n<p>文字的字体大小。</p>\n","uiControl":{"type":"number","default":"12","min":"1","step":"1"}},"dayLabel.align":{"desc":"\n\n<p>文字水平对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>,则会取父层级的 <code class=\"codespan\">align</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`,则 `align` 为 right\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"left,center,right"}},"dayLabel.verticalAlign":{"desc":"\n\n<p>文字垂直对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>,则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n // 没有设置 `verticalAlign`,则 `verticalAlign` 为 bottom\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"top,middle,bottom"}},"dayLabel.lineHeight":{"desc":"\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>,则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`,则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"number","min":"0","step":"1","default":"12"}},"dayLabel.backgroundColor":{"desc":"\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值,例如:<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片,例如:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL,\n // 或者图片的 dataURI,\n // 或者 HTMLImageElement 对象,\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候,可以使用 <code class=\"codespan\">width</code> 或 <code class=\"codespan\">height</code> 指定高宽,也可以不指定自适应。</p>\n","uiControl":{"type":"color","default":"#fff"}},"dayLabel.borderColor":{"desc":"\n\n<p>文字块边框颜色。</p>\n","uiControl":{"type":"color","default":"#fff"}},"dayLabel.borderWidth":{"desc":"\n\n<p>文字块边框宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"dayLabel.borderType":{"desc":"\n\n\n<p>文字块边框描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">borderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\nborderType: [5, 10],\n\nborderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"dayLabel.borderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"dayLabel.borderRadius":{"desc":"\n\n<p>文字块的圆角。</p>\n","uiControl":{"type":"vector","min":"0","dims":"LT,RT, RB, LB"}},"dayLabel.padding":{"desc":"\n\n<p>文字块的内边距。例如:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>:表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>:表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>:表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n","uiControl":{"type":"vector","min":"0","dims":"T,R,B,L"}},"dayLabel.shadowColor":{"desc":"\n\n<p>文字块的背景阴影颜色。</p>\n","uiControl":{"type":"color"}},"dayLabel.shadowBlur":{"desc":"\n\n<p>文字块的背景阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"dayLabel.shadowOffsetX":{"desc":"\n\n<p>文字块的背景阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"dayLabel.shadowOffsetY":{"desc":"\n\n<p>文字块的背景阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"dayLabel.width":{"desc":"\n\n<p>文本显示宽度。</p>\n","uiControl":{"type":"number","default":"100","min":"1","max":"500","step":"1"}},"dayLabel.height":{"desc":"\n\n<p>文本显示高度。</p>\n","uiControl":{"type":"number","default":"50","min":"1","max":"500","step":"1"}},"dayLabel.textBorderColor":{"desc":"\n\n<p>文字本身的描边颜色。</p>\n","uiControl":{"type":"color"}},"dayLabel.textBorderWidth":{"desc":"\n\n<p>文字本身的描边宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"dayLabel.textBorderType":{"desc":"\n\n\n<p>文字本身的描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">textBorderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\ntextBorderType: [5, 10],\n\ntextBorderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"dayLabel.textBorderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"dayLabel.textShadowColor":{"desc":"\n\n<p>文字本身的阴影颜色。</p>\n","uiControl":{"type":"color","default":"#000"}},"dayLabel.textShadowBlur":{"desc":"\n\n<p>文字本身的阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"dayLabel.textShadowOffsetX":{"desc":"\n\n<p>文字本身的阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"dayLabel.textShadowOffsetY":{"desc":"\n\n<p>文字本身的阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"dayLabel.overflow":{"desc":"\n\n<p>文字超出宽度是否截断或者换行。配置<code class=\"codespan\">width</code>时有效</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> 截断,并在末尾显示<code class=\"codespan\">ellipsis</code>配置的文本,默认为<code class=\"codespan\">...</code></li>\n<li><code class=\"codespan\">'break'</code> 换行</li>\n<li><code class=\"codespan\">'breakAll'</code> 换行,跟<code class=\"codespan\">'break'</code>不同的是,在英语等拉丁文中,<code class=\"codespan\">'breakAll'</code>还会强制单词内换行</li>\n</ul>\n","uiControl":{"type":"enum","options":"truncate,break,breakAll"}},"dayLabel.ellipsis":{"desc":"<p>在<code class=\"codespan\">overflow</code>配置为<code class=\"codespan\">'truncate'</code>的时候,可以通过该属性配置末尾显示的文本。</p>\n"},"dayLabel.rich":{"desc":"<p>在 <code class=\"codespan\">rich</code> 里面,可以自定义富文本样式。利用富文本样式,可以在标签中做出非常丰富的效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">label: {\n // 在文本中,可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号:\n // `{styleName|text content text content}` 标记样式名。\n // 注意,换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程:<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n"},"dayLabel.rich.<style_name>.color":{"desc":"\n\n<p>文字的颜色。</p>\n","uiControl":{"type":"color","default":"null"}},"dayLabel.rich.<style_name>.fontStyle":{"desc":"\n\n<p>文字字体的风格。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,italic,oblique"}},"dayLabel.rich.<style_name>.fontWeight":{"desc":"\n\n<p>文字字体的粗细。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,bold,bolder,lighter"}},"dayLabel.rich.<style_name>.fontFamily":{"desc":"\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n","uiControl":{"type":"enum","default":"sans-serif","options":"sans-serif,serif,monospace,Arial,Courier New"}},"dayLabel.rich.<style_name>.fontSize":{"desc":"\n\n<p>文字的字体大小。</p>\n","uiControl":{"type":"number","default":"12","min":"1","step":"1"}},"dayLabel.rich.<style_name>.align":{"desc":"\n\n<p>文字水平对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>,则会取父层级的 <code class=\"codespan\">align</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`,则 `align` 为 right\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"left,center,right"}},"dayLabel.rich.<style_name>.verticalAlign":{"desc":"\n\n<p>文字垂直对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>,则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n // 没有设置 `verticalAlign`,则 `verticalAlign` 为 bottom\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"top,middle,bottom"}},"dayLabel.rich.<style_name>.lineHeight":{"desc":"\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>,则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`,则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"number","min":"0","step":"1","default":"12"}},"dayLabel.rich.<style_name>.backgroundColor":{"desc":"\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值,例如:<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片,例如:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL,\n // 或者图片的 dataURI,\n // 或者 HTMLImageElement 对象,\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候,可以使用 <code class=\"codespan\">width</code> 或 <code class=\"codespan\">height</code> 指定高宽,也可以不指定自适应。</p>\n","uiControl":{"type":"color","default":"#fff"}},"dayLabel.rich.<style_name>.borderColor":{"desc":"\n\n<p>文字块边框颜色。</p>\n","uiControl":{"type":"color","default":"#fff"}},"dayLabel.rich.<style_name>.borderWidth":{"desc":"\n\n<p>文字块边框宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"dayLabel.rich.<style_name>.borderType":{"desc":"\n\n\n<p>文字块边框描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">borderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\nborderType: [5, 10],\n\nborderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"dayLabel.rich.<style_name>.borderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"dayLabel.rich.<style_name>.borderRadius":{"desc":"\n\n<p>文字块的圆角。</p>\n","uiControl":{"type":"vector","min":"0","dims":"LT,RT, RB, LB"}},"dayLabel.rich.<style_name>.padding":{"desc":"\n\n<p>文字块的内边距。例如:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>:表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>:表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>:表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n","uiControl":{"type":"vector","min":"0","dims":"T,R,B,L"}},"dayLabel.rich.<style_name>.shadowColor":{"desc":"\n\n<p>文字块的背景阴影颜色。</p>\n","uiControl":{"type":"color"}},"dayLabel.rich.<style_name>.shadowBlur":{"desc":"\n\n<p>文字块的背景阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"dayLabel.rich.<style_name>.shadowOffsetX":{"desc":"\n\n<p>文字块的背景阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"dayLabel.rich.<style_name>.shadowOffsetY":{"desc":"\n\n<p>文字块的背景阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"dayLabel.rich.<style_name>.width":{"desc":"<p>文字块的宽度。一般不用指定,不指定则自动是文字的宽度。在想做表格项或者使用图片(参见 <code class=\"codespan\">backgroundColor</code>)时,可能会使用它。</p>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n<p><code class=\"codespan\">width</code> 也可以是百分比字符串,如 <code class=\"codespan\">'100%'</code>。表示的是所在文本块的 <code class=\"codespan\">contentWidth</code>(即不包含文本块的 <code class=\"codespan\">padding</code>)的百分之多少。之所以以 <code class=\"codespan\">contentWidth</code> 做基数,因为每个文本片段只能基于 <code class=\"codespan\">content box</code> 布局。如果以 <code class=\"codespan\">outerWidth</code> 做基数,则百分比的计算在实用中不具有意义,可能会超出。</p>\n<p>注意,如果不定义 <code class=\"codespan\">rich</code> 属性,则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"},"dayLabel.rich.<style_name>.height":{"desc":"<p>文字块的高度。一般不用指定,不指定则自动是文字的高度。在使用图片(参见 <code class=\"codespan\">backgroundColor</code>)时,可能会使用它。</p>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n<p>注意,如果不定义 <code class=\"codespan\">rich</code> 属性,则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"},"dayLabel.rich.<style_name>.textBorderColor":{"desc":"\n\n<p>文字本身的描边颜色。</p>\n","uiControl":{"type":"color"}},"dayLabel.rich.<style_name>.textBorderWidth":{"desc":"\n\n<p>文字本身的描边宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"dayLabel.rich.<style_name>.textBorderType":{"desc":"\n\n\n<p>文字本身的描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">textBorderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\ntextBorderType: [5, 10],\n\ntextBorderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"dayLabel.rich.<style_name>.textBorderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"dayLabel.rich.<style_name>.textShadowColor":{"desc":"\n\n<p>文字本身的阴影颜色。</p>\n","uiControl":{"type":"color","default":"#000"}},"dayLabel.rich.<style_name>.textShadowBlur":{"desc":"\n\n<p>文字本身的阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"dayLabel.rich.<style_name>.textShadowOffsetX":{"desc":"\n\n<p>文字本身的阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"dayLabel.rich.<style_name>.textShadowOffsetY":{"desc":"\n\n<p>文字本身的阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"monthLabel":{"desc":"<p>设置日历坐标中 月份轴的样式</p>\n"},"monthLabel.show":{"desc":"\n\n<p>是否在普通状态下显示标签。</p>\n","uiControl":{"type":"boolean","default":"true"}},"monthLabel.align":{"desc":"\n\n<p>文字水平对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>,则会取父层级的 <code class=\"codespan\">align</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`,则 `align` 为 right\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"left,center,right"}},"monthLabel.margin":{"desc":"\n\n<p>月份标签与轴线之间的距离</p>\n","uiControl":{"type":"number","min":"0","step":"5"}},"monthLabel.position":{"desc":"\n\n<p>月份的位置 在开头还是结尾。</p>\n<p>可选:</p>\n<ul>\n<li>'start'</li>\n<li>'end'</li>\n</ul>\n","uiControl":{"type":"enum","options":"start,end","default":"start"}},"monthLabel.nameMap":{"desc":"\n\n<p>月份显示的效果,默认为'en'。从 <code class=\"codespan\">v5.2.2</code> 起,默认为<a href=\"api.html#echarts.init\" target=\"_blank\">初始化图表</a> 时指定的语言 <code class=\"codespan\">locale</code>,如未指定则根据浏览器语言自动侦测。</p>\n<p>可设置中英文以及自定义。从 <code class=\"codespan\">v5.2.2</code> 起,还可以是任意内置(<code class=\"codespan\">ZH</code> / <code class=\"codespan\">EN</code>)或其他<a href=\"api.html#echarts.registerLocale\" target=\"_blank\">已注册的语言包</a>名称(区分大小写)。</p>\n<p>下标 <code class=\"codespan\">0</code> 为对应 <code class=\"codespan\">1月</code> 的文字显示。</p>\n<p>使用示例:</p>\n<pre><code class=\"lang-ts\">\n// v5.2.2 以前版本\n\n// 快捷设置英文\n// ['Jan', 'Feb', 'Mar','Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\nnameMap: 'en',\n// 快捷设置中文\n// ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']\nnameMap: 'cn',\n\n// v5.2.2 及以后版本\n\n// 快捷设置英文\n// ['Jan', 'Feb', 'Mar','Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\nnameMap: 'EN',\n// 快捷设置中文\n// ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']\nnameMap: 'ZH',\n\n// 自定义设置:中英俄混杂 或者不显示\nnameMap: [\n '一月', 'Feb', '三月',\n '四月', 'May', '六月',\n 'Июль', '八月', '',\n '十月', 'Nov', '十二月'\n],\n\ncalendar: [{\n monthLabel: {\n // nameMap: 'en' // v5.2.2 以前版本\n nameMap: 'EN' // v5.2.2 及以后版本\n }\n}]\n</code></pre>\n","uiControl":{"type":"enum","options":"EN,ZH","default":"EN"}},"monthLabel.formatter":{"desc":"<p>用来格式化月份文本,支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-ts\">// 使用字符串模板,例如:2017-02\n/*\n 模板变量{nameMap} 月份原本名称 eg:'Feb'\n 模板变量{yyyy} 四位数年份 eg: 2017\n 模板变量{yy} 后两位数年份 eg: 17\n 模板变量{MM} 两位数月份 eg: 02\n 模板变量{M} 一位数月份 eg: 2\n*/\nformatter: '{yyyy}-{MM}'\n// 使用回调函数\n/*\n param.nameMap 月份原本名称 eg:'Feb'\n param.yyyy 四位数年份 eg: 2017\n param.yy 后两位数年份 eg: 17\n param.MM 两位数月份 eg: 02\n param.M 一位数月份 eg: 2\n*/\nformatter: function (param) {\n // ...\n return param.MM;\n}\n</code></pre>\n"},"monthLabel.color":{"desc":"\n\n<p>文字的颜色。</p>\n","uiControl":{"type":"color","default":"#000"}},"monthLabel.fontStyle":{"desc":"\n\n<p>文字字体的风格。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,italic,oblique"}},"monthLabel.fontWeight":{"desc":"\n\n<p>文字字体的粗细。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,bold,bolder,lighter"}},"monthLabel.fontFamily":{"desc":"\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n","uiControl":{"type":"enum","default":"sans-serif","options":"sans-serif,serif,monospace,Arial,Courier New"}},"monthLabel.fontSize":{"desc":"\n\n<p>文字的字体大小。</p>\n","uiControl":{"type":"number","default":"12","min":"1","step":"1"}},"monthLabel.verticalAlign":{"desc":"\n\n<p>文字垂直对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>,则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n // 没有设置 `verticalAlign`,则 `verticalAlign` 为 bottom\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"top,middle,bottom"}},"monthLabel.lineHeight":{"desc":"\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>,则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`,则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"number","min":"0","step":"1","default":"12"}},"monthLabel.backgroundColor":{"desc":"\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值,例如:<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片,例如:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL,\n // 或者图片的 dataURI,\n // 或者 HTMLImageElement 对象,\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候,可以使用 <code class=\"codespan\">width</code> 或 <code class=\"codespan\">height</code> 指定高宽,也可以不指定自适应。</p>\n","uiControl":{"type":"color","default":"#fff"}},"monthLabel.borderColor":{"desc":"\n\n<p>文字块边框颜色。</p>\n","uiControl":{"type":"color","default":"#fff"}},"monthLabel.borderWidth":{"desc":"\n\n<p>文字块边框宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"monthLabel.borderType":{"desc":"\n\n\n<p>文字块边框描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">borderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\nborderType: [5, 10],\n\nborderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"monthLabel.borderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"monthLabel.borderRadius":{"desc":"\n\n<p>文字块的圆角。</p>\n","uiControl":{"type":"vector","min":"0","dims":"LT,RT, RB, LB"}},"monthLabel.padding":{"desc":"\n\n<p>文字块的内边距。例如:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>:表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>:表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>:表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n","uiControl":{"type":"vector","min":"0","dims":"T,R,B,L"}},"monthLabel.shadowColor":{"desc":"\n\n<p>文字块的背景阴影颜色。</p>\n","uiControl":{"type":"color"}},"monthLabel.shadowBlur":{"desc":"\n\n<p>文字块的背景阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"monthLabel.shadowOffsetX":{"desc":"\n\n<p>文字块的背景阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"monthLabel.shadowOffsetY":{"desc":"\n\n<p>文字块的背景阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"monthLabel.width":{"desc":"\n\n<p>文本显示宽度。</p>\n","uiControl":{"type":"number","default":"100","min":"1","max":"500","step":"1"}},"monthLabel.height":{"desc":"\n\n<p>文本显示高度。</p>\n","uiControl":{"type":"number","default":"50","min":"1","max":"500","step":"1"}},"monthLabel.textBorderColor":{"desc":"\n\n<p>文字本身的描边颜色。</p>\n","uiControl":{"type":"color"}},"monthLabel.textBorderWidth":{"desc":"\n\n<p>文字本身的描边宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"monthLabel.textBorderType":{"desc":"\n\n\n<p>文字本身的描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">textBorderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\ntextBorderType: [5, 10],\n\ntextBorderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"monthLabel.textBorderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"monthLabel.textShadowColor":{"desc":"\n\n<p>文字本身的阴影颜色。</p>\n","uiControl":{"type":"color","default":"#000"}},"monthLabel.textShadowBlur":{"desc":"\n\n<p>文字本身的阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"monthLabel.textShadowOffsetX":{"desc":"\n\n<p>文字本身的阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"monthLabel.textShadowOffsetY":{"desc":"\n\n<p>文字本身的阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"monthLabel.overflow":{"desc":"\n\n<p>文字超出宽度是否截断或者换行。配置<code class=\"codespan\">width</code>时有效</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> 截断,并在末尾显示<code class=\"codespan\">ellipsis</code>配置的文本,默认为<code class=\"codespan\">...</code></li>\n<li><code class=\"codespan\">'break'</code> 换行</li>\n<li><code class=\"codespan\">'breakAll'</code> 换行,跟<code class=\"codespan\">'break'</code>不同的是,在英语等拉丁文中,<code class=\"codespan\">'breakAll'</code>还会强制单词内换行</li>\n</ul>\n","uiControl":{"type":"enum","options":"truncate,break,breakAll"}},"monthLabel.ellipsis":{"desc":"<p>在<code class=\"codespan\">overflow</code>配置为<code class=\"codespan\">'truncate'</code>的时候,可以通过该属性配置末尾显示的文本。</p>\n"},"monthLabel.rich":{"desc":"<p>在 <code class=\"codespan\">rich</code> 里面,可以自定义富文本样式。利用富文本样式,可以在标签中做出非常丰富的效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">label: {\n // 在文本中,可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号:\n // `{styleName|text content text content}` 标记样式名。\n // 注意,换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程:<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n"},"monthLabel.rich.<style_name>.color":{"desc":"\n\n<p>文字的颜色。</p>\n","uiControl":{"type":"color","default":"null"}},"monthLabel.rich.<style_name>.fontStyle":{"desc":"\n\n<p>文字字体的风格。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,italic,oblique"}},"monthLabel.rich.<style_name>.fontWeight":{"desc":"\n\n<p>文字字体的粗细。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,bold,bolder,lighter"}},"monthLabel.rich.<style_name>.fontFamily":{"desc":"\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n","uiControl":{"type":"enum","default":"sans-serif","options":"sans-serif,serif,monospace,Arial,Courier New"}},"monthLabel.rich.<style_name>.fontSize":{"desc":"\n\n<p>文字的字体大小。</p>\n","uiControl":{"type":"number","default":"12","min":"1","step":"1"}},"monthLabel.rich.<style_name>.align":{"desc":"\n\n<p>文字水平对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>,则会取父层级的 <code class=\"codespan\">align</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`,则 `align` 为 right\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"left,center,right"}},"monthLabel.rich.<style_name>.verticalAlign":{"desc":"\n\n<p>文字垂直对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>,则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n // 没有设置 `verticalAlign`,则 `verticalAlign` 为 bottom\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"top,middle,bottom"}},"monthLabel.rich.<style_name>.lineHeight":{"desc":"\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>,则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`,则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"number","min":"0","step":"1","default":"12"}},"monthLabel.rich.<style_name>.backgroundColor":{"desc":"\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值,例如:<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片,例如:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL,\n // 或者图片的 dataURI,\n // 或者 HTMLImageElement 对象,\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候,可以使用 <code class=\"codespan\">width</code> 或 <code class=\"codespan\">height</code> 指定高宽,也可以不指定自适应。</p>\n","uiControl":{"type":"color","default":"#fff"}},"monthLabel.rich.<style_name>.borderColor":{"desc":"\n\n<p>文字块边框颜色。</p>\n","uiControl":{"type":"color","default":"#fff"}},"monthLabel.rich.<style_name>.borderWidth":{"desc":"\n\n<p>文字块边框宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"monthLabel.rich.<style_name>.borderType":{"desc":"\n\n\n<p>文字块边框描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">borderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\nborderType: [5, 10],\n\nborderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"monthLabel.rich.<style_name>.borderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"monthLabel.rich.<style_name>.borderRadius":{"desc":"\n\n<p>文字块的圆角。</p>\n","uiControl":{"type":"vector","min":"0","dims":"LT,RT, RB, LB"}},"monthLabel.rich.<style_name>.padding":{"desc":"\n\n<p>文字块的内边距。例如:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>:表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>:表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>:表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n","uiControl":{"type":"vector","min":"0","dims":"T,R,B,L"}},"monthLabel.rich.<style_name>.shadowColor":{"desc":"\n\n<p>文字块的背景阴影颜色。</p>\n","uiControl":{"type":"color"}},"monthLabel.rich.<style_name>.shadowBlur":{"desc":"\n\n<p>文字块的背景阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"monthLabel.rich.<style_name>.shadowOffsetX":{"desc":"\n\n<p>文字块的背景阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"monthLabel.rich.<style_name>.shadowOffsetY":{"desc":"\n\n<p>文字块的背景阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"monthLabel.rich.<style_name>.width":{"desc":"<p>文字块的宽度。一般不用指定,不指定则自动是文字的宽度。在想做表格项或者使用图片(参见 <code class=\"codespan\">backgroundColor</code>)时,可能会使用它。</p>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n<p><code class=\"codespan\">width</code> 也可以是百分比字符串,如 <code class=\"codespan\">'100%'</code>。表示的是所在文本块的 <code class=\"codespan\">contentWidth</code>(即不包含文本块的 <code class=\"codespan\">padding</code>)的百分之多少。之所以以 <code class=\"codespan\">contentWidth</code> 做基数,因为每个文本片段只能基于 <code class=\"codespan\">content box</code> 布局。如果以 <code class=\"codespan\">outerWidth</code> 做基数,则百分比的计算在实用中不具有意义,可能会超出。</p>\n<p>注意,如果不定义 <code class=\"codespan\">rich</code> 属性,则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"},"monthLabel.rich.<style_name>.height":{"desc":"<p>文字块的高度。一般不用指定,不指定则自动是文字的高度。在使用图片(参见 <code class=\"codespan\">backgroundColor</code>)时,可能会使用它。</p>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n<p>注意,如果不定义 <code class=\"codespan\">rich</code> 属性,则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"},"monthLabel.rich.<style_name>.textBorderColor":{"desc":"\n\n<p>文字本身的描边颜色。</p>\n","uiControl":{"type":"color"}},"monthLabel.rich.<style_name>.textBorderWidth":{"desc":"\n\n<p>文字本身的描边宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"monthLabel.rich.<style_name>.textBorderType":{"desc":"\n\n\n<p>文字本身的描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">textBorderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\ntextBorderType: [5, 10],\n\ntextBorderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"monthLabel.rich.<style_name>.textBorderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"monthLabel.rich.<style_name>.textShadowColor":{"desc":"\n\n<p>文字本身的阴影颜色。</p>\n","uiControl":{"type":"color","default":"#000"}},"monthLabel.rich.<style_name>.textShadowBlur":{"desc":"\n\n<p>文字本身的阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"monthLabel.rich.<style_name>.textShadowOffsetX":{"desc":"\n\n<p>文字本身的阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"monthLabel.rich.<style_name>.textShadowOffsetY":{"desc":"\n\n<p>文字本身的阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"yearLabel":{"desc":"<p>设置日历坐标中 年的样式</p>\n"},"yearLabel.show":{"desc":"\n\n<p>是否在普通状态下显示标签。</p>\n","uiControl":{"type":"boolean","default":"true"}},"yearLabel.margin":{"desc":"\n\n<p>年份与轴线之间的距离</p>\n","uiControl":{"type":"number","min":"0","step":"1"}},"yearLabel.position":{"desc":"\n\n<p>年份的位置\n默认横向是'left' 竖向是'top'</p>\n<p>可选:</p>\n<ul>\n<li>'top'</li>\n<li>'bottom'</li>\n<li>'left'</li>\n<li>'right'</li>\n</ul>\n","uiControl":{"type":"enum","options":"top,bottom,left,right"}},"yearLabel.formatter":{"desc":"<p>用来格式化年份文本,支持字符串模板和回调函数两种形式。\n默认显示当前范围的年 若区间跨年 显示('start-end')</p>\n<p>示例:</p>\n<pre><code class=\"lang-ts\">// 使用字符串模板,例如:['2017-10-11', '2018-01-21']\n/*\n 模板变量{nameMap} 年份原本名称 eg:'2017-2018'\n 模板变量{start} 开始年份 eg: 2017\n 模板变量{end} 结束年份 eg: 2018\n*/\n\nformatter: '{start}-{end}'\n// 使用回调函数\n/*\n param.nameMap 年份原本名称 eg:'2017-2018'\n param.start 开始年份 eg: 2017\n param.end 结束年份 eg: 2018\n*/\nformatter: function (param) {\n // ...\n return param.end;\n}\n</code></pre>\n"},"yearLabel.color":{"desc":"\n\n<p>文字的颜色。</p>\n","uiControl":{"type":"color","default":"null"}},"yearLabel.fontStyle":{"desc":"\n\n<p>文字字体的风格。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,italic,oblique"}},"yearLabel.fontWeight":{"desc":"\n\n<p>文字字体的粗细。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,bold,bolder,lighter"}},"yearLabel.fontFamily":{"desc":"\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n","uiControl":{"type":"enum","default":"sans-serif","options":"sans-serif,serif,monospace,Arial,Courier New"}},"yearLabel.fontSize":{"desc":"\n\n<p>文字的字体大小。</p>\n","uiControl":{"type":"number","default":"12","min":"1","step":"1"}},"yearLabel.align":{"desc":"\n\n<p>文字水平对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>,则会取父层级的 <code class=\"codespan\">align</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`,则 `align` 为 right\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"left,center,right"}},"yearLabel.verticalAlign":{"desc":"\n\n<p>文字垂直对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>,则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n // 没有设置 `verticalAlign`,则 `verticalAlign` 为 bottom\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"top,middle,bottom"}},"yearLabel.lineHeight":{"desc":"\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>,则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`,则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"number","min":"0","step":"1","default":"12"}},"yearLabel.backgroundColor":{"desc":"\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值,例如:<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片,例如:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL,\n // 或者图片的 dataURI,\n // 或者 HTMLImageElement 对象,\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候,可以使用 <code class=\"codespan\">width</code> 或 <code class=\"codespan\">height</code> 指定高宽,也可以不指定自适应。</p>\n","uiControl":{"type":"color","default":"#fff"}},"yearLabel.borderColor":{"desc":"\n\n<p>文字块边框颜色。</p>\n","uiControl":{"type":"color","default":"#fff"}},"yearLabel.borderWidth":{"desc":"\n\n<p>文字块边框宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"yearLabel.borderType":{"desc":"\n\n\n<p>文字块边框描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">borderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\nborderType: [5, 10],\n\nborderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"yearLabel.borderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"yearLabel.borderRadius":{"desc":"\n\n<p>文字块的圆角。</p>\n","uiControl":{"type":"vector","min":"0","dims":"LT,RT, RB, LB"}},"yearLabel.padding":{"desc":"\n\n<p>文字块的内边距。例如:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>:表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>:表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>:表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n","uiControl":{"type":"vector","min":"0","dims":"T,R,B,L"}},"yearLabel.shadowColor":{"desc":"\n\n<p>文字块的背景阴影颜色。</p>\n","uiControl":{"type":"color"}},"yearLabel.shadowBlur":{"desc":"\n\n<p>文字块的背景阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"yearLabel.shadowOffsetX":{"desc":"\n\n<p>文字块的背景阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"yearLabel.shadowOffsetY":{"desc":"\n\n<p>文字块的背景阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"yearLabel.width":{"desc":"\n\n<p>文本显示宽度。</p>\n","uiControl":{"type":"number","default":"100","min":"1","max":"500","step":"1"}},"yearLabel.height":{"desc":"\n\n<p>文本显示高度。</p>\n","uiControl":{"type":"number","default":"50","min":"1","max":"500","step":"1"}},"yearLabel.textBorderColor":{"desc":"\n\n<p>文字本身的描边颜色。</p>\n","uiControl":{"type":"color"}},"yearLabel.textBorderWidth":{"desc":"\n\n<p>文字本身的描边宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"yearLabel.textBorderType":{"desc":"\n\n\n<p>文字本身的描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">textBorderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\ntextBorderType: [5, 10],\n\ntextBorderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"yearLabel.textBorderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"yearLabel.textShadowColor":{"desc":"\n\n<p>文字本身的阴影颜色。</p>\n","uiControl":{"type":"color","default":"#000"}},"yearLabel.textShadowBlur":{"desc":"\n\n<p>文字本身的阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"yearLabel.textShadowOffsetX":{"desc":"\n\n<p>文字本身的阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"yearLabel.textShadowOffsetY":{"desc":"\n\n<p>文字本身的阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"yearLabel.overflow":{"desc":"\n\n<p>文字超出宽度是否截断或者换行。配置<code class=\"codespan\">width</code>时有效</p>\n<ul>\n<li><code class=\"codespan\">'truncate'</code> 截断,并在末尾显示<code class=\"codespan\">ellipsis</code>配置的文本,默认为<code class=\"codespan\">...</code></li>\n<li><code class=\"codespan\">'break'</code> 换行</li>\n<li><code class=\"codespan\">'breakAll'</code> 换行,跟<code class=\"codespan\">'break'</code>不同的是,在英语等拉丁文中,<code class=\"codespan\">'breakAll'</code>还会强制单词内换行</li>\n</ul>\n","uiControl":{"type":"enum","options":"truncate,break,breakAll"}},"yearLabel.ellipsis":{"desc":"<p>在<code class=\"codespan\">overflow</code>配置为<code class=\"codespan\">'truncate'</code>的时候,可以通过该属性配置末尾显示的文本。</p>\n"},"yearLabel.rich":{"desc":"<p>在 <code class=\"codespan\">rich</code> 里面,可以自定义富文本样式。利用富文本样式,可以在标签中做出非常丰富的效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">label: {\n // 在文本中,可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号:\n // `{styleName|text content text content}` 标记样式名。\n // 注意,换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程:<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n"},"yearLabel.rich.<style_name>.color":{"desc":"\n\n<p>文字的颜色。</p>\n","uiControl":{"type":"color","default":"null"}},"yearLabel.rich.<style_name>.fontStyle":{"desc":"\n\n<p>文字字体的风格。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'italic'</code></li>\n<li><code class=\"codespan\">'oblique'</code></li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,italic,oblique"}},"yearLabel.rich.<style_name>.fontWeight":{"desc":"\n\n<p>文字字体的粗细。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'normal'</code></li>\n<li><code class=\"codespan\">'bold'</code></li>\n<li><code class=\"codespan\">'bolder'</code></li>\n<li><code class=\"codespan\">'lighter'</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n","uiControl":{"type":"enum","default":"normal","options":"normal,bold,bolder,lighter"}},"yearLabel.rich.<style_name>.fontFamily":{"desc":"\n\n<p>文字的字体系列。</p>\n<p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>\n","uiControl":{"type":"enum","default":"sans-serif","options":"sans-serif,serif,monospace,Arial,Courier New"}},"yearLabel.rich.<style_name>.fontSize":{"desc":"\n\n<p>文字的字体大小。</p>\n","uiControl":{"type":"number","default":"12","min":"1","step":"1"}},"yearLabel.rich.<style_name>.align":{"desc":"\n\n<p>文字水平对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'left'</code></li>\n<li><code class=\"codespan\">'center'</code></li>\n<li><code class=\"codespan\">'right'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">align</code>,则会取父层级的 <code class=\"codespan\">align</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n align: right,\n rich: {\n a: {\n // 没有设置 `align`,则 `align` 为 right\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"left,center,right"}},"yearLabel.rich.<style_name>.verticalAlign":{"desc":"\n\n<p>文字垂直对齐方式,默认自动。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'top'</code></li>\n<li><code class=\"codespan\">'middle'</code></li>\n<li><code class=\"codespan\">'bottom'</code></li>\n</ul>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">verticalAlign</code>,则会取父层级的 <code class=\"codespan\">verticalAlign</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n verticalAlign: bottom,\n rich: {\n a: {\n // 没有设置 `verticalAlign`,则 `verticalAlign` 为 bottom\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"enum","options":"top,middle,bottom"}},"yearLabel.rich.<style_name>.lineHeight":{"desc":"\n\n<p>行高。</p>\n<p><code class=\"codespan\">rich</code> 中如果没有设置 <code class=\"codespan\">lineHeight</code>,则会取父层级的 <code class=\"codespan\">lineHeight</code>。例如:</p>\n<pre><code class=\"lang-ts\">{\n lineHeight: 56,\n rich: {\n a: {\n // 没有设置 `lineHeight`,则 `lineHeight` 为 56\n }\n }\n}\n</code></pre>\n","uiControl":{"type":"number","min":"0","step":"1","default":"12"}},"yearLabel.rich.<style_name>.backgroundColor":{"desc":"\n\n<p>文字块背景色。</p>\n<p>可以使用颜色值,例如:<code class=\"codespan\">'#123234'</code>, <code class=\"codespan\">'red'</code>, <code class=\"codespan\">'rgba(0,23,11,0.3)'</code>。</p>\n<p>也可以直接使用图片,例如:</p>\n<pre><code class=\"lang-ts\">backgroundColor: {\n image: 'xxx/xxx.png'\n // 这里可以是图片的 URL,\n // 或者图片的 dataURI,\n // 或者 HTMLImageElement 对象,\n // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候,可以使用 <code class=\"codespan\">width</code> 或 <code class=\"codespan\">height</code> 指定高宽,也可以不指定自适应。</p>\n","uiControl":{"type":"color","default":"#fff"}},"yearLabel.rich.<style_name>.borderColor":{"desc":"\n\n<p>文字块边框颜色。</p>\n","uiControl":{"type":"color","default":"#fff"}},"yearLabel.rich.<style_name>.borderWidth":{"desc":"\n\n<p>文字块边框宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"yearLabel.rich.<style_name>.borderType":{"desc":"\n\n\n<p>文字块边框描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">borderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\nborderType: [5, 10],\n\nborderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"yearLabel.rich.<style_name>.borderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">borderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"yearLabel.rich.<style_name>.borderRadius":{"desc":"\n\n<p>文字块的圆角。</p>\n","uiControl":{"type":"vector","min":"0","dims":"LT,RT, RB, LB"}},"yearLabel.rich.<style_name>.padding":{"desc":"\n\n<p>文字块的内边距。例如:</p>\n<ul>\n<li><code class=\"codespan\">padding: [3, 4, 5, 6]</code>:表示 <code class=\"codespan\">[上, 右, 下, 左]</code> 的边距。</li>\n<li><code class=\"codespan\">padding: 4</code>:表示 <code class=\"codespan\">padding: [4, 4, 4, 4]</code>。</li>\n<li><code class=\"codespan\">padding: [3, 4]</code>:表示 <code class=\"codespan\">padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n","uiControl":{"type":"vector","min":"0","dims":"T,R,B,L"}},"yearLabel.rich.<style_name>.shadowColor":{"desc":"\n\n<p>文字块的背景阴影颜色。</p>\n","uiControl":{"type":"color"}},"yearLabel.rich.<style_name>.shadowBlur":{"desc":"\n\n<p>文字块的背景阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"yearLabel.rich.<style_name>.shadowOffsetX":{"desc":"\n\n<p>文字块的背景阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"yearLabel.rich.<style_name>.shadowOffsetY":{"desc":"\n\n<p>文字块的背景阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"yearLabel.rich.<style_name>.width":{"desc":"<p>文字块的宽度。一般不用指定,不指定则自动是文字的宽度。在想做表格项或者使用图片(参见 <code class=\"codespan\">backgroundColor</code>)时,可能会使用它。</p>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n<p><code class=\"codespan\">width</code> 也可以是百分比字符串,如 <code class=\"codespan\">'100%'</code>。表示的是所在文本块的 <code class=\"codespan\">contentWidth</code>(即不包含文本块的 <code class=\"codespan\">padding</code>)的百分之多少。之所以以 <code class=\"codespan\">contentWidth</code> 做基数,因为每个文本片段只能基于 <code class=\"codespan\">content box</code> 布局。如果以 <code class=\"codespan\">outerWidth</code> 做基数,则百分比的计算在实用中不具有意义,可能会超出。</p>\n<p>注意,如果不定义 <code class=\"codespan\">rich</code> 属性,则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"},"yearLabel.rich.<style_name>.height":{"desc":"<p>文字块的高度。一般不用指定,不指定则自动是文字的高度。在使用图片(参见 <code class=\"codespan\">backgroundColor</code>)时,可能会使用它。</p>\n<p>注意,文字块的 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code> 指定的是内容高宽,不包含 <code class=\"codespan\">padding</code>。</p>\n<p>注意,如果不定义 <code class=\"codespan\">rich</code> 属性,则不能指定 <code class=\"codespan\">width</code> 和 <code class=\"codespan\">height</code>。</p>\n"},"yearLabel.rich.<style_name>.textBorderColor":{"desc":"\n\n<p>文字本身的描边颜色。</p>\n","uiControl":{"type":"color"}},"yearLabel.rich.<style_name>.textBorderWidth":{"desc":"\n\n<p>文字本身的描边宽度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"yearLabel.rich.<style_name>.textBorderType":{"desc":"\n\n\n<p>文字本身的描边类型。</p>\n<p>可选:</p>\n<ul>\n<li><code class=\"codespan\">'solid'</code></li>\n<li><code class=\"codespan\">'dashed'</code></li>\n<li><code class=\"codespan\">'dotted'</code></li>\n</ul>\n<p>自 <code class=\"codespan\">v5.0.0</code> 开始,也可以是 <code class=\"codespan\">number</code> 或者 <code class=\"codespan\">number</code> 数组,用以指定线条的 <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray\" target=\"_blank\">dash array</a>,配合 \n<code class=\"codespan\">textBorderDashOffset</code>\n 可实现更灵活的虚线效果。</p>\n<p>例如:</p>\n<pre><code class=\"lang-ts\">{\n\ntextBorderType: [5, 10],\n\ntextBorderDashOffset: 5\n}\n</code></pre>\n","uiControl":{"type":"enum","default":"solid","options":"solid,dashed,dotted"}},"yearLabel.rich.<style_name>.textBorderDashOffset":{"desc":"<blockquote>\n<p>从 <code class=\"codespan\">v5.0.0</code> 开始支持</p>\n</blockquote>\n\n\n<p>用于设置虚线的偏移量,可搭配 \n<code class=\"codespan\">textBorderType</code>\n 指定 dash array 实现灵活的虚线效果。</p>\n<p>更多详情可以参考 MDN <a href=\"https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset\" target=\"_blank\">lineDashOffset</a>。</p>\n","uiControl":{"type":"number","min":"0","step":"1","default":"0"}},"yearLabel.rich.<style_name>.textShadowColor":{"desc":"\n\n<p>文字本身的阴影颜色。</p>\n","uiControl":{"type":"color","default":"#000"}},"yearLabel.rich.<style_name>.textShadowBlur":{"desc":"\n\n<p>文字本身的阴影长度。</p>\n","uiControl":{"type":"number","min":"0","step":"0.5"}},"yearLabel.rich.<style_name>.textShadowOffsetX":{"desc":"\n\n<p>文字本身的阴影 X 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"yearLabel.rich.<style_name>.textShadowOffsetY":{"desc":"\n\n<p>文字本身的阴影 Y 偏移。</p>\n","uiControl":{"type":"number","step":"0.5"}},"silent":{"desc":"\n\n<p>图形是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件。</p>\n","uiControl":{"type":"boolean"}}} |