📚 图表参数说明

📚 图表参数说明 📚 图表参数说明 Modified January 14, 2025 Code block Markdown { State: 'WY', Age: '14 to 17 Years', Population: 9314 }, { State: 'DC', Age: 'Under 5 Years', Population: 30352 }, { State: 'DC', Age: '5 to 13 Years', Population: 20439 }, { State: 'DC', Age: '14 to 17 Years', Population: 10225 }, { State: 'VT', Age: 'Under 5 Years', Population: 38253 }, { State: 'VT', Age: '5 to 13 Years', Population: 42538 }, { State: 'VT', Age: '14 to 17 Years', Population: 15757 }, { State: 'ND', Age: 'Under 5 Years', Population: 51896 }, { State: 'ND', Age: '5 to 13 Years', Population: 67358 }, { State: 'ND', Age: '14 to 17 Years', Population: 18794 }, { State: 'AK', Age: 'Under 5 Years', Population: 72083 }, { State: 'AK', Age: '5 to 13 Years', Population: 85640 }, { State: 'AK', Age: '14 to 17 Years', Population: 22153 } ] } ], xField: 'Population', yField: 'State', seriesField: 'Age', direction: 'horizontal', stack: true, legends: { visible: true }, bar: { state: { hover: { stroke: ' 000', lineWidth: 1 } } } }/ 词云 Code block Markdown <chart chartSpec={ type: 'wordCloud', data: { values: { challenge id: 1658490688121879, challenge name: '宅家dou剧场宅家dou剧场', sum count: 128 }, { challenge id: 1640007327696910, challenge name: '我的观影报告', sum count: 103 }, { challenge id: 1557656100811777, challenge name: '抖瓜小助手', sum count: 76 }, { challenge id: 1553513807372289, challenge name: '搞笑', sum count: 70 }, { challenge id: 1599321527572563, challenge name: '我要上热门', sum count: 69 }, { challenge id: 1588489879306259, challenge name: '热门', sum count: 54 }, { challenge id: 1558589039423489, challenge name: '正能量', sum count: 52 }, { challenge id: 1565489422066689, challenge name: '上热门', sum count: 36 }, { challenge id: 1572618705886286, challenge name: '情感', sum count: 34 }, { challenge id: 1626948076237836, challenge name: 'dou上热门', sum count: 32 }, { challenge id: 1585347546644558, challenge name: '影视剪辑', sum count: 25 }, { challenge id: 1589711040325639, challenge name: '抖瓜热门', sum count: 24 }, { challenge id: 1562208367689745, challenge name: '爱情', sum count: 24 }, { challenge id: 1657693004378126, challenge name: '美食趣胃计划', sum count: 21 }, { challenge id: 1565101681155074, challenge name: '搞笑视频', sum count: 20 }, { challenge id: 1581874377004045, challenge name: '涨知识', sum count: 19 }, { challenge id: 1577135789977693, challenge name: '教师节', sum count: 19 }, { challenge id: 1644832627937293, challenge name: '解锁人脸运镜术', sum count: 18 }, { challenge id: 1554036363744257, challenge name: '美食', sum count: 18 }, { challenge id: 1601049369390083, challenge name: '听说发第二遍会火', sum count: 17 }, { challenge id: 1643026562973710, challenge name: '我的观影视报告', sum count: 17 }, { challenge id: 1605694229498884, challenge name: '解说电影', sum count: 16 }, { challenge id: 1550712576368642, challenge name: '音乐', sum count: 15 }, { challenge id: 1571885391450145, challenge name: '沙雕', sum count: 15 }, { challenge id: 1577707248705566, challenge name: '悬疑', sum count: 15 }, { challenge id: 1573335406611469, challenge name: '家庭', sum count: 15 }, { challenge id: 1646248140767239, challenge name: '我在抖瓜看综艺', sum count: 15 }, { challenge id: 1640376658836494, challenge name: '我的影视报告', sum count: 14 }, { challenge id: 1580569530602573, challenge name: '亲爱的你在哪里', sum count: 14 }, { challenge id: 1581067386920973, challenge name: '夫妻', sum count: 14 }, { challenge id: 1570334853133377, 组件属性说明属性类型必填默认值说明 chartSpec VChart spec 结构体是基于 VChart 的图表定义，当前支持的 VChart 版本为 1.8.4，详情用法参考 VChart 官网。 options 图表组件的配置详见下文 ChartOptions 定义否关闭所有默认图表优化（包括动态数据转化、坐标轴采样等配置），可指定： Code block Plain Text options={ optimization: false } ChartOptions 属性类型必填默认值说明 optimization false | ChartOptimizeConfig 否图表组件优化配置，默认优化会全部打开，传入 false 时关闭全部优化，也可以传入对象单独配置 ChartOptimizeConfig 属性类型必填默认值说明 builtinSpec boolean 否 true 是否使用图表的内置默认配置。启用时图表组件将使用预设的 spec 参数来优化展示，默认开启 autoLegend boolean 否 true 是否开启图例优化，会根据是否有 series 或 seriesField 来决定是否展示内置的图例，默认开启 compactAxes boolean 否 true 是否开启默认坐标轴优化，会进行数据转换，轴标签布局等调整轴至紧凑布局，默认开启注意事项 1. chartSpec 属性目前不支持配置函数，这意味着你目前暂时不能书写如https://www.visactor.io/vchart/option/lineChart label.dataFilter 这类传入函数参数实现动态化能力的配置。 [VChart 官网 Code block Markdown { State: 'WY', Age: '14 to 17 Years', Population: 9314 }, { State: 'DC', Age: 'Under 5 Years', Population: 30352 }, { State: 'DC', Age: '5 to 13 Years', Population: 20439 }, { State: 'DC', Age: '14 to 17 Years', Population: 10225 }, { State: 'VT', Age: 'Under 5 Years', Population: 38253 }, { State: 'VT', Age: '5 to 13 Years', Population: 42538 }, { State: 'VT', Age: '14 to 17 Years', Population: 15757 }, { State: 'ND', Age: 'Under 5 Years', Population: 51896 }, { State: 'ND', Age: '5 to 13 Years', Population: 67358 }, { State: 'ND', Age: '14 to 17 Years', Population: 18794 }, { State: 'AK', Age: 'Under 5 Years', Population: 72083 }, { State: 'AK', Age: '5 to 13 Years', Population: 85640 }, { State: 'AK', Age: '14 to 17 Years', Population: 22153 } ] } ], xField: 'Population', yField: 'State', seriesField: 'Age', direction: 'horizontal', stack: true, legends: { visible: true }, bar: { state: { hover: { stroke: ' 000', lineWidth: 1 } } } }/ Code block Markdown { State: 'WY', Age: '14 to 17 Years', Population: 9314 }, { State: 'DC', Age: 'Under 5 Years', Population: 30352 }, { State: 'DC', Age: '5 to 13 Years', Population: 20439 }, { State: 'DC', Age: '14 to 17 Years', Population: 10225 }, { State: 'VT', Age: 'Under 5 Years', Population: 38253 }, { State: 'VT', Age: '5 to 13 Years', Population: 42538 }, { State: 'VT', Age: '14 to 17 Years', Population: 15757 }, { State: 'ND', Age: 'Under 5 Years', Population: 51896 }, { State: 'ND', Age: '5 to 13 Years', Population: 67358 }, { State: 'ND', Age: '14 to 17 Years', Population: 18794 }, { State: 'AK', Age: 'Under 5 Years', Population: 72083 }, { State: 'AK', Age: '5 to 13 Years', Population: 85640 }, { State: 'AK', Age: '14 to 17 Years', Population: 22153 } ] } ], xField: 'Population', yField: 'State', seriesField: 'Age', direction: 'horizontal', stack: true, legends: { visible: true }, bar: { state: { hover: { stroke: ' 000', lineWidth: 1 } } } }/ 词云 Code block Markdown <chart chartSpec={ type: 'wordCloud', data: { values: { challenge id: 1658490688121879, challenge name: '宅家dou剧场宅家dou剧场', sum count: 128 }, { challenge id: 1640007327696910, challenge name: '我的观影报告', sum count: 103 }, { challenge id: 1557656100811777, challenge name: '抖瓜小助手', sum count: 76 }, { challenge id: 1553513807372289, challenge name: '搞笑', sum count: 70 }, { challenge id: 1599321527572563, challenge name: '我要上热门', sum count: 69 }, { challenge id: 1588489879306259, challenge name: '热门', sum count: 54 }, { challenge id: 1558589039423489, challenge name: '正能量', sum count: 52 }, { challenge id: 1565489422066689, challenge name: '上热门', sum count: 36 }, { challenge id: 1572618705886286, challenge name: '情感', sum count: 34 }, { challenge id: 1626948076237836, challenge name: 'dou上热门', sum count: 32 }, { challenge id: 1585347546644558, challenge name: '影视剪辑', sum count: 25 }, { challenge id: 1589711040325639, challenge name: '抖瓜热门', sum count: 24 }, { challenge id: 1562208367689745, challenge name: '爱情', sum count: 24 }, { challenge id: 1657693004378126, challenge name: '美食趣胃计划', sum count: 21 }, { challenge id: 1565101681155074, challenge name: '搞笑视频', sum count: 20 }, { challenge id: 1581874377004045, challenge name: '涨知识', sum count: 19 }, { challenge id: 1577135789977693, challenge name: '教师节', sum count: 19 }, { challenge id: 1644832627937293, challenge name: '解锁人脸运镜术', sum count: 18 }, { challenge id: 1554036363744257, challenge name: '美食', sum count: 18 }, { challenge id: 1601049369390083, challenge name: '听说发第二遍会火', sum count: 17 }, { challenge id: 1643026562973710, challenge name: '我的观影视报告', sum count: 17 }, { challenge id: 1605694229498884, challenge name: '解说电影', sum count: 16 }, { challenge id: 1550712576368642, challenge name: '音乐', sum count: 15 }, { challenge id: 1571885391450145, challenge name: '沙雕', sum count: 15 }, { challenge id: 1577707248705566, challenge name: '悬疑', sum count: 15 }, { challenge id: 1573335406611469, challenge name: '家庭', sum count: 15 }, { challenge id: 1646248140767239, challenge name: '我在抖瓜看综艺', sum count: 15 }, { challenge id: 1640376658836494, challenge name: '我的影视报告', sum count: 14 }, { challenge id: 1580569530602573, challenge name: '亲爱的你在哪里', sum count: 14 }, { challenge id: 1581067386920973, challenge name: '夫妻', sum count: 14 }, { challenge id: 1570334853133377, Code block Markdown <chart chartSpec={ type: 'wordCloud', data: { values: [ { challenge id: 1658490688121879, challenge name: '宅家dou剧场宅家dou剧场', sum count: 128 }, { challenge id: 1640007327696910, challenge name: '我的观影报告', sum count: 103 }, { challenge id: 1557656100811777, challenge name: '抖瓜小助手', sum count: 76 }, { challenge id: 1553513807372289, challenge name: '搞笑', sum count: 70 }, { challenge id: 1599321527572563, challenge name: '我要上热门', sum count: 69 }, { challenge id: 1588489879306259, challenge name: '热门', sum count: 54 }, { challenge id: 1558589039423489, challenge name: '正能量', sum count: 52 }, { challenge id: 1565489422066689, challenge name: '上热门', sum count: 36 }, { challenge id: 1572618705886286, challenge name: '情感', sum count: 34 }, { challenge id: 1626948076237836, challenge name: 'dou上热门', sum count: 32 }, { challenge id: 1585347546644558, challenge name: '影视剪辑', sum count: 25 }, { challenge id: 1589711040325639, challenge name: '抖瓜热门', sum count: 24 }, { challenge id: 1562208367689745, challenge name: '爱情', sum count: 24 }, { challenge id: 1657693004378126, challenge name: '美食趣胃计划', sum count: 21 }, { challenge id: 1565101681155074, challenge name: '搞笑视频', sum count: 20 }, { challenge id: 1581874377004045, challenge name: '涨知识', sum count: 19 }, { challenge id: 1577135789977693, challenge name: '教师节', sum count: 19 }, { challenge id: 1644832627937293, challenge name: '解锁人脸运镜术', sum count: 18 }, { challenge id: 1554036363744257, challenge name: '美食', sum count: 18 }, { challenge id: 1601049369390083, challenge name: '听说发第二遍会火', sum count: 17 }, { challenge id: 1643026562973710, challenge name: '我的观影视报告', sum count: 17 }, { challenge id: 1605694229498884, challenge name: '解说电影', sum count: 16 }, { challenge id: 1550712576368642, challenge name: '音乐', sum count: 15 }, { challenge id: 1571885391450145, challenge name: '沙雕', sum count: 15 }, { challenge id: 1577707248705566, challenge name: '悬疑', sum count: 15 }, { challenge id: 1573335406611469, challenge name: '家庭', sum count: 15 }, { challenge id: 1646248140767239, challenge name: '我在抖瓜看综艺', sum count: 15 }, { challenge id: 1640376658836494, challenge name: '我的影视报告', sum count: 14 }, { challenge id: 1580569530602573, challenge name: '亲爱的你在哪里', sum count: 14 }, { challenge id: 1581067386920973, challenge name: '夫妻', sum count: 14 }, { challenge id: 1570334853133377, 组件属性说明属性类型必填默认值说明 chartSpec VChart spec 结构体是基于 VChart 的图表定义，当前支持的 VChart 版本为 1.8.4，详情用法参考 VChart 官网。 options 图表组件的配置详见下文 ChartOptions 定义否关闭所有默认图表优化（包括动态数据转化、坐标轴采样等配置），可指定： Code block Plain Text options={ optimization: false } [VChart 官网属性属性类型类型必填必填默认值默认值说明说明 chartSpec chartSpec VChart spec 结构体 VChart spec 结构体是是基于 VChart 的图表定义，当前支持的 VChart 版本为 1.8.4，详情用法参考 VChart 官网。 VChart 官网基于 VChart 的图表定义，当前支持的 VChart 版本为 1.8.4，详情用法参考 VChart 官网。 VChart 官网 options options 图表组件的配置详见下文 ChartOptions 定义图表组件的配置详见下文 ChartOptions 定义详见下文 ChartOptions 定义否否关闭所有默认图表优化（包括动态数据转化、坐标轴采样等配置），可指定： Code block Plain Text options={ optimization: false } 关闭所有默认图表优化（包括动态数据转化、坐标轴采样等配置），可指定： ChartOptions 属性类型必填默认值说明 optimization false | ChartOptimizeConfig 否图表组件优化配置，默认优化会全部打开，传入 false 时关闭全部优化，也可以传入对象单独配置属性属性类型类型必填必填默认值默认值说明说明 optimization optimization false | ChartOptimizeConfig false | ChartOptimizeConfig 否否图表组件优化配置，默认优化会全部打开，传入 false 时关闭全部优化，也可以传入对象单独配置图表组件优化配置，默认优化会全部打开，传入 false 时关闭全部优化，也可以传入对象单独配置 ChartOptimizeConfig 属性类型必填默认值说明 builtinSpec boolean 否 true 是否使用图表的内置默认配置。启用时图表组件将使用预设的 spec 参数来优化展示，默认开启 autoLegend boolean 否 t

在小宇宙note 阅读完整内容