首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏算法channel

    Dash,方便创建「交互式」Web图表!

    for x in df.columns], value=df.columns[0], clearable=False, ), dcc.Graph(id="bar-chart "), ]) @app.callback( Output("bar-chart", "figure"), [Input("dropdown", "value")] ) def update_bar_chart

    1K10编辑于 2024-02-26
  • 来自专栏前端精读评论

    161. 精读《可视化搭建思考 - 富文本搭建》

    用代码方式描述积木式搭建: <bar-chart />

    header

    <line-chart />

    footer

    上述模式需要拖拽 bar-chart 富文本模式则类似下面的结构: <bar-chart />

    header

    <line-chart />

    footer

    < /div> 只要拖拽 bar-chart、div 两个组件即可,div 内部的文字通过光标输入,line-chart 通过富文本某个按钮或者键盘快捷键添加。

    1.3K10编辑于 2022-03-14
  • 来自专栏全栈程序员必看

    vue 修改引入组件的样式_vue子组件的子组件布局

    my-button> /// <skill-hot></skill-hot> <learning-path></learning-path> <bar-chart ></bar-chart> <radar></radar> <tupu-fenxi></tupu-fenxi> </el-main> </el-container

    2.1K40编辑于 2022-09-27
  • 来自专栏机器之心

    OpenAI与Anthropic联手力推:MCP Apps提案发布,告别纯文本交互

    // Server registers UI resource { uri: "ui://charts/bar-chart", name: "Bar Chart Viewer", mimeType series: {type: "array", items: ....} } }, _meta: { "ui/resourceUri": "ui://charts/bar-chart

    24410编辑于 2025-11-26
  • 来自专栏Opensource翻译专栏

    3个顶级开源JavaScript图表库【Programming(JavaScript)】

    cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> </head> <body> <canvas id="<em>bar-chart</em> " width=300" height="150"></canvas> <script> new Chart(document.getElementById("bar-chart

    5K00发布于 2019-11-24
  • 来自专栏山河已无恙

    HarmonyOS-Codelabs系列挑战之构建你的数据应用

    class="text-speed">销量</text> <chart class="data-bar" type="bar" id="<em>bar-chart</em> class="text-speed">销量</text> <chart class="data-bar" type="bar" id="<em>bar-chart</em>

    40410编辑于 2023-03-02
  • 来自专栏机器学习/数据可视化

    D3.js库-8-完整的柱状图

    标题设置 g.append("text").text("bar-Chart") .attr("font-size","1.5em")

    2.6K20发布于 2021-03-01
  • 来自专栏HelloGitHub

    手绘风格的 JS 图表库:Chart.xkcd

    获取文档中 class=".bar-chart" 的元素。 const svg = document.querySelector('.bar-chart'); // chartXkcd.Bar 创建一个条形图 const barChart = new

    3.4K20发布于 2021-05-14
  • 来自专栏云游的小教程

    从 Vite 与 Vue 开始的 D3 数据可视化之旅

    安装 D3 依赖: yarn add d3 我们可以参考一下 D3 官方给出的 Bar Chart 示例:https://observablehq.com/@d3/bar-chart 而我们要做的就是将其改造进我们的 // 初始化 SVG 元素 const svg = d3 .select("#bar-chart-container") .append("svg") .attr("class", "bar-chart

    3K30发布于 2021-05-21
  • 来自专栏Goboy

    腾讯云语音识别(ASR)助力智慧园区落地

    ">

    Bar Chart
    <div id="<em>bar-chart</em> ; // Initialize all charts const charts = { bar: echarts.init(document.getElementById('<em>bar-chart</em>

    3.7K21编辑于 2024-05-25
  • 如何开发项目管理系统中的统计分析看板?(附架构图+流程图+代码参考)

    Map.of("income", income, "expense", expense); }}前端示例(Vue 3 + Composition API)vue<template>

    <bar-chart

    54310编辑于 2025-07-22
  • 来自专栏nginx

    在 Vue.js 中使用 Ant Design 实现表格开关功能:详细教程

    /> 删除 </a-button> <a-button type="link" @click="handleViewChart(record)"> <a-icon type="<em>bar-chart</em>

    35010编辑于 2025-11-14
  • 来自专栏全栈者

    「数据可视化库王者」D3.js 极速上手到Vue应用

    首先需要添加一个 svg标签

    Bar Chart using D3.js

    <svg class="<em>bar-chart</em>"></svg> 然后在 index.js中添加(已添加关键注释)

    8.6K30发布于 2019-08-26
  • 来自专栏Python数据分析实例

    如何快速构建一个核酸点服务状态查询Web应用?Python实例详解

    '], icons=['house','cloud-upload', 'geo-alt', 'brightness-high', 'bar-chart

    1.5K20编辑于 2022-04-08
  • 来自专栏前端劝退师

    「数据可视化库王者」D3.js 极速上手到Vue应用

    首先需要添加一个 svg标签

    Bar Chart using D3.js

    <svg class="<em>bar-chart</em>"></svg> 然后在 index.js中添加(已添加关键注释)

    9.8K10发布于 2019-08-16
领券