highcharts的多个柱状图的data数据怎么实现
2个回答
展开全部
<div id="container" style="min-width:700px;height:400px"></div>
#javascript#
$("#container").highcharts({
chart: {
type: 'column'
},
credits: {//去掉 highcharts.com
enabled:false
},
colors: ['#7cb5ec','#434348', '#90ed7d', '#f7a35c', '#8085e9','#f15c80', '#e4d354', '#8085e8', '#8d4653', '#91e8e1'],
title: {
text: '平台品牌数据',
style:{
color:'#8085e8'
}
},
subtitle: {
text: '电子商务公司'
},
xAxis: {
categories: []
},
yAxis: {
min: 0,
title: {
text: 'Rainfall (个)'
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f} 个</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
#javascript#
$("#container").highcharts({
chart: {
type: 'column'
},
credits: {//去掉 highcharts.com
enabled:false
},
colors: ['#7cb5ec','#434348', '#90ed7d', '#f7a35c', '#8085e9','#f15c80', '#e4d354', '#8085e8', '#8d4653', '#91e8e1'],
title: {
text: '平台品牌数据',
style:{
color:'#8085e8'
}
},
subtitle: {
text: '电子商务公司'
},
xAxis: {
categories: []
},
yAxis: {
min: 0,
title: {
text: 'Rainfall (个)'
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f} 个</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
光点科技
2023-08-15 广告
通常情况下，我们会按照结构模型把系统产生的数据分为三种类型：结构化数据、半结构化数据和非结构化数据。结构化数据，即行数据，是存储在数据库里，可以用二维表结构来逻辑表达实现的数据。最常见的就是数字数据和文本数据，它们可以某种标准格式存在于文件...
点击进入详情页
本回答由光点科技提供
展开全部
右键点击柱状图，数据系列格式，然后内部颜色填充
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
