带有chartJs的yAxis中的标签太长
带有chartJs的yAxis中的标签太长
提问于 2019-05-25 17:31:40
我有一个问题的标签太长的Y轴上的模块"chartjs“和"vuejs”。我发布了一张图片来说明这个问题：
我的代码：
<bar-chart
:max="100"
:xlabels="50"
suffix="%"
:dataset="{hoverBorderWidth: 10}"
v-if="charts=='bar'"
:data="data.percentsData"
:colors="['#01E3AD']"
:style="calcHeight(data.percentsData.length)"
:download="survey_name + ' - ' +data.title"
>
</bar-chart>回答 1
Stack Overflow用户
发布于 2019-05-28 18:31:27
您可以将字符串分成多行。这是通过将字符串拆分为数组来完成的。Chart.js将每个数组元素解析为一行。
示例：
let labels = [
['this is a very long label', 'broken across two lines'],
'short label'
],
myBarChart = new Chart(document.getElementById('chart'), {
type: 'horizontalBar',
data: {
labels: labels,
datasets: [{
label: 'Series1',
data: [1, 1]
}]
},
options: {
maintainAspectRatio: false
}
});<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
<canvas id="chart"></canvas>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56303562
复制相关文章
相似问题
腾讯云开发者
