1e:["$","article",null,{"data-reveal":true,"className":"order-1 rounded-[2.5rem] bg-black/[0.035] p-1.5 ring-1 ring-black/[0.06] shadow-[0_34px_110px_rgba(15,23,42,0.08)] dark:bg-white/[0.055] dark:ring-white/[0.10] lg:order-2","children":["$","div",null,{"className":"rounded-[calc(2.5rem-0.375rem)] bg-white/84 p-6 shadow-[inset_0_1px_0_rgba(255,255,255,0.72)] ring-1 ring-white/70 dark:bg-[#080808]/86 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.13)] dark:ring-white/[0.06] lg:p-10","children":[["$","nav",null,{"aria-label":"Breadcrumb","className":"mb-4 text-sm text-zinc-500","children":["$","ol",null,{"className":"flex flex-wrap items-center gap-2","children":[["$","li","/",{"className":"flex items-center gap-2","children":[null,"$L31"]}],["$","li","/tutorials",{"className":"flex items-center gap-2","children":[["$","span",null,{"aria-hidden":"true","children":"/"}],"$L32"]}],["$","li","/tutorials/highcharts",{"className":"flex items-center gap-2","children":[["$","span",null,{"aria-hidden":"true","children":"/"}],"$L33"]}],["$","li","/tutorials/highcharts/highcharts-highcharts-bar-charts-fed00bc1",{"className":"flex items-center gap-2","children":[["$","span",null,{"aria-hidden":"true","children":"/"}],["$","span",null,{"className":"font-medium text-zinc-700 dark:text-zinc-200","children":"Highcharts 条形图"}]]}]]}]}],["$","div",null,{"className":"flex flex-wrap gap-2","children":[["$","span",null,{"className":"inline-flex items-center rounded-full bg-white/68 px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-zinc-700 shadow-[0_10px_35px_rgba(15,23,42,0.05)] ring-1 ring-black/[0.07] dark:bg-white/[0.08] dark:text-zinc-100 dark:ring-white/[0.10]","children":"TUTORIAL"}],["$","span",null,{"className":"inline-flex items-center rounded-full px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] shadow-[0_10px_35px_rgba(15,23,42,0.05)] ring-1 dark:bg-white/[0.08] bg-emerald-300/14 text-emerald-800 ring-emerald-700/10 dark:text-emerald-100 dark:ring-emerald-300/16","children":"前端与浏览器"}],["$","span",null,{"className":"inline-flex items-center rounded-full bg-white/68 px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-zinc-700 shadow-[0_10px_35px_rgba(15,23,42,0.05)] ring-1 ring-black/[0.07] dark:bg-white/[0.08] dark:text-zinc-100 dark:ring-white/[0.10]","children":"FETCHED"}]]}],["$","h1",null,{"className":"mt-4 text-4xl font-black leading-tight tracking-tight","children":"Highcharts 条形图"}],["$","p",null,{"className":"mt-4 text-zinc-600 dark:text-zinc-400","children":"Highcharts 条形图本章节我们将为大家介绍几种条形图的类型。序号图表类型 1基本条形图 2堆叠条形图 3反向条形图.."}],["$","div",null,{"className":"mt-5 flex flex-wrap gap-3 text-sm text-zinc-500","children":["$","span",null,{"children":["更新于"," ","2026/7/16"]}]}],["$","div",null,{"className":"mt-6 flex flex-wrap gap-3","children":"$L34"}],["$","p",null,{"className":"mt-5 rounded-2xl bg-sky-300/12 p-4 text-sm leading-7 text-sky-950 ring-1 ring-sky-700/10 dark:bg-sky-300/10 dark:text-sky-100 dark:ring-sky-300/16","children":"教程详情页默认 noindex。"}],["$","div",null,{"className":"mt-8","children":["$","article",null,{"className":"tutorial-body prose max-w-none prose-pre:overflow-x-auto prose-img:rounded-2xl prose-img:ring-1 prose-img:ring-black/[0.06] dark:prose-invert dark:prose-img:ring-white/[0.08]","dangerouslySetInnerHTML":{"__html":"\n\t\t\n\t\t\t

\n\t\t\t\n\t\t\t

Highcharts 条形图

\n本章节我们将为大家介绍几种条形图的类型。

\n\n\n\n\n\n\n

序号	图表类型
1	基本条形图
2	堆叠条形图
3	反向条形图

\t\t\t\n\t\t\t\t\t\t\n\t\t\t

\n\t\t\t\n\t\t"}}]}],"$L35"]}]}]