高图中柱状图中每个点的图例

维吉

我需要在数据集上显示为饼图以及列/栏。对于饼图,可以在图例中显示每个数据点。柱形图中是否也可能相同?以下是我尝试过的方法:

我的代码的小提琴

  $('#container').highcharts({
    chart: {
        type: 'column'
    },
    xAxis:{categories:["Jan","Feb","Mar"]},
    plotOptions: {

        series: {
            allowPointSelect: true
        }
    },
    series: [{data:[{name:'Jan',y:20},{name:'Feb',y:24},{name:'Mar',y:35}],showInLegend:true}]
            });

我希望在传奇中展示“ Jan”,“ Feb”和“ Mar”。这有可能实现吗?

尼西斯·康德·查图尔维迪(Nishith Kant Chaturvedi)

更新图例中的类别名称,请参阅此提琴

如果要在图例中显示值,则必须包含一个用于该图例的插件,请参见此链接及其在图例中的值的工作方法。

如果要在列顶部显示值,则需要使用数据标签,如以下代码所示

 plotOptions: {

        series: {
            allowPointSelect: true,
                dataLabels: {
            enabled: true,
            color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'black', //choose your own color whatever you want
            style: {
                textShadow: '0 0 3px black' //if you need text shadow
            }
        } 
        }
    }

在这里看到工作提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在柱状图高图中分别为每个点着色

来自分类Dev

在柱状图高图中分别为每个点着色

来自分类Dev

X轴标签在高图中的柱状图中与工具提示重叠

来自分类Dev

标签样式和位置在高图柱状图中会受到干扰,

来自分类Dev

iccube :在谷歌柱状图中,如何定义列之间的间隙?

来自分类Dev

Matlab图中单个点的图例

来自分类Dev

删除每日柱状图中默认的00:00:00时间?

来自分类Dev

如何将误差线添加到分组的柱状图中?

来自分类Dev

柱状图中具有值独立性的两种颜色

来自分类Dev

如何抑制点须图中的图例

来自分类Dev

高图表中分组柱状图的明细

来自分类Dev

顺序更改散点图中每个点的颜色

来自分类Dev

在R中的晶格图例图中包含线和点

来自分类Dev

散点图中带编号的点标签和图例

来自分类Dev

乳胶柱状图

来自分类Dev

Matlab图中的力图例每个值仅一行

来自分类Dev

子图中的Matplotlib图例

来自分类Dev

在高图中使用标记的半径作为点

来自分类Dev

在包装好的气泡高图中为每个气泡添加标题

来自分类Dev

如何为图中的每个点绘制不同的标准偏差?

来自分类Dev

从javascript的高图中的线/散点图中的某个点获取工具提示内容

来自分类Dev

Google图表堆积柱状图。如何为每个单独的堆叠商品设置样式(数据系列)

来自分类Dev

如何在图例饼图中添加图例?

来自分类Dev

图例在散景图中的位置

来自分类Dev

地图图覆盖图中的图例

来自分类Dev

图例在R图中落后

来自分类Dev

在图子图中合并图例

来自分类Dev

matplotlib子图中的图例位置

来自分类Dev

图例在R图中落后