样式高图x和y轴
拒绝者
我陷入一个问题，无法找到进一步的方法。我正在尝试使用highcharts绘制图表样式。但是无法在左侧显示正确的百分比值，并在底部和左侧的线条上添加一些样式，以便它们在第一个屏幕中看起来像。我在底部标签下的刻度线也遇到了同样的问题，它们似乎无法移到顶部，因此它们会覆盖中间的底线。
这是必须的：
这是我到目前为止所做的：
这是我的代码的外观：http : //jsfiddle.net/8Wp7k/
高图设置：
$j('.investor-calculator .chart-container .chart').highcharts({
title: {
text: '',
x: -20 /*center*/
},
background: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, 'rgb(96, 96, 96)'],
[1, 'rgb(16, 16, 16)']
]
},
subtitle: {
text: '',
x: -20
},
xAxis: {
categories: ['Янв', 'Мар', 'Май', 'Июл', 'Сен', 'Ноя'],
tickmarkPlacement: 'on',
tickColor: '#d2d2d2',
gridLineColor: '#eee',
tick: false
},
yAxis: {
title: null,
tickPosition: 'inside',
gridLineDashStyle: 'longdash',
lineColor: '#d2d2d2',
lineWidth: 1
},
tooltip: {
valueSuffix: null
},
series: [{
name: 'Some Name',
data: [1.0, 6.9, 2.5, 8.5, 1.0, 12.5]
}],
legend: {
enabled: false
},
exporting: {
enabled: false
},
credits: {
enabled: false
},
colors: ['#e0502f'],
plotOptions: {
series: {
lineWidth: 4,
marker: {
enabled: false
}
}
}
});
史蒂夫
要移动x轴标签，请在x轴上添加以下内容：
labels:{
y:25
}
对于y轴，您可以强制将刻度间隔设置为每5％，并像这样设置标签格式：
tickInterval: 5,
labels: {
format: '{value} %'
}
还有一些调整：
您可以使用偏移量移动轴位置，例如：
yAxis: {
min:-4,
startOnTick:false,
offset:-20
min和startOnTick强制y轴从-4开始，但不会打印标签，因为min不能为倍数（如果为5）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
高图：使X和Y轴相交于0
- 2
高图：使X和Y轴在0处相交
- 3
高图日期/时间和X轴
- 4
高图日期/时间和X轴
- 5
高图Y轴必须在X轴上
- 6
高图-在x和y轴上隐藏系列“点”（标签）
- 7
x和y轴的对数图
- 8
堆叠的条形图交换x轴和y轴
- 9
缩放 Y 轴和 X 轴 python 图
- 10
高图-显示noData叠加层和x轴标签
- 11
高图-显示noData叠加层和x轴标签
- 12
使用python显示和编辑图x和y轴
- 13
使用Chart.js样式X和Y轴（刻度）？
- 14
情节：如何使子图的x和y轴标题更大？
- 15
交换X和Y轴表-条形图
- 16
如何在x和y轴的高图中更新数据？
- 17
如何管理高图的y轴值
- 18
高图-y轴分类的标签放置
- 19
如何打破高图x轴类别
- 20
高图动态更新x轴类别
- 21
对齐x轴类别-高图
- 22
堆积柱高图改变x和y
- 23
在facet_grid中显示每个图的x轴和y轴
- 24
ggplot2顶部的y轴和x轴颠倒的图
- 25
MATLAB中具有图的多个x轴和y轴
- 26
matplotlib中有3个不同的x轴和相同的y轴的图？
- 27
matplotlib中有3个不同的x轴和相同的y轴的图？
- 28
带有两个 Y 轴和公共 X 轴的 Matplotlib 条形图
- 29
当共享x和y轴时，如何为每个单独的图子图添加x和y标签？
我来说两句