试图在ChartJS中得到一个linechart。我希望yAxis标签应该是0、250k、500k、750k。
如何更改标签,使其最小值始终为0?
var lineChartData = {
labels: ["Jun 1", "Jun 2", "jun 3", "Jun 4", "jun 5", "Jun 6", "Jun 7", "Jun 8", "Jun 9", "Jun
10", "Jun 11", "Jun 12", "Jun 13", "Jun 14", "Jun 15"],
datasets: [{
fillColor: "rgba(220,220,220,0)",
strokeColor: "rgba(220,180,0,1)",
pointColor: "#ffc000",
data: [190, 200, 420, 390, 150, 250, 160, 155, 200, 260, 240, 500, 300, 210, 230, 270]
},
{
fillColor: "rgba(151,187,205,0)",
strokeColor: "#ff1e6d",
pointColor: "#ff1e6d",
data: [290, 390, 300, 440, 625, 375, 390, 325, 280, 295, 385, 295, 485, 280, 265]
}]
}
Chart.defaults.global.animationSteps = 50;
Chart.defaults.global.tooltipYPadding = 16;
Chart.defaults.global.tooltipCornerRadius = 0;
Chart.defaults.global.tooltipTitleFontStyle = "normal";
Chart.defaults.global.tooltipFillColor = "rgba(0,160,0,0.8)";
Chart.defaults.global.animationEasing = "easeOutBounce";
Chart.defaults.global.responsive = true;
Chart.defaults.global.scaleLineColor = "#816cab";
Chart.defaults.global.scaleFontSize = 16;
Chart.defaults.global.scaleFontColor = "white";
var ctx = document.getElementById("canvas").getContext("2d");
var LineChartDemo = new Chart(ctx).Line(lineChartData, {
pointDotRadius: 10,
bezierCurve: false,
scaleShowVerticalLines: true,
scaleGridLineColor: "#816cab"
});
像这样试试:
var lineChartData = {
labels: ["FEBRUARY", "MARCH", "APRIL", "MAY", "JUNE", "JULY", "AUGUST", "SEPTEMBER", "OCTOBER", "NOVEMBER", "DECEMBER", "JANUARY", "FEBRUARY", "MARCH", "APRIL"],
datasets: [{
label: "X",
fillColor: "#ff1e6d",
strokeColor: "#ff1e6d",
pointColor: "#ff1e6d",
data: [290, 390, 300, 440, 625, 375, 390, 325, 280, 295, 385, 295, 485, 280, 265]
}, {
label: "Y",
fillColor: "#ffc000",
strokeColor: "rgba(220,180,0,1)",
pointColor: "#ffc000",
data: [190, 200, 420, 390, 150, 250, 160, 155, 200, 260, 240, 500, 300, 210, 230, 270]
}]
}
Chart.defaults.global.animationSteps = 50;
Chart.defaults.global.tooltipYPadding = 0;
Chart.defaults.global.tooltipCornerRadius = 0;
Chart.defaults.global.tooltipTitleFontStyle = "normal";
Chart.defaults.global.tooltipFillColor = "rgba(0,160,0,0.8)";
Chart.defaults.global.animationEasing = "easeOutBounce";
Chart.defaults.global.responsive = true;
Chart.defaults.global.scaleLineColor = "#816cab";
Chart.defaults.global.scaleFontSize = 11;
Chart.defaults.global.scaleFontColor = "white";
new Chart(document.getElementById("fill"), {
type: 'line',
data: lineChartData,
options: {
pointDotRadius: 0,
bezierCurve: true,
scaleShowVerticalLines: false,
scaleGridLineColor: "transparent",
scales: {
yAxes: [{
ticks: {
min:0,
max:1000,
stepSize: 250
}
}]
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<canvas id="fill"></canvas>
问题内容: 对于y轴上的每个刻度标签,我想更改: 我正在绘制对数日志数据(以2为底),但是我希望标签显示原始数据值。 我知道我可以得到当前的y标签 这给了我一个列表: 每个列表都是 我在http://matplotlib.org/users/text_props.html上查看了文本对象的文档, 但是我仍然不确定更改每个文本标签中的字符串的正确语法是什么。 更改标签后,可以使用以下方法在轴上设置它
null 我是否可以从子控制器-b更改父FXML-A中标签的文本?
在JavaFX中,如何使用“标签”显示随时间不断变化的值?
问题内容: 我在使用键绑定来更改标签或任何参数的值时遇到麻烦。这是我的代码: 运行此命令时,我单击输入框并按Enter,希望标签将值更改为“更改值”。但是,尽管它确实打印了该文本,但标签保持不变。 通过查看关于类似问题的其他问题,我发现了如何在课堂外使用其中的一些功能,但是在课堂上进行操作时遇到了一些困难。 另外,顺便提一下,“主人”在tkinter中扮演什么角色? 问题答案: 上面的句子使lab
我需要更改JavaFX中标签的锚点。我将锚点描述为选择来翻译底层节点的点。默认情况下,锚点似乎是左上角。 我试图通过如下描述的附加翻译来解决这个问题: 代码应转换标签,使其像右下角的锚点一样工作。这不起作用,因为在我执行代码时,标签的边界框是[minX:0.0,minY:0.0,minZ:0.0,宽度:-1.0,高度:-1.0,深度:0.0,maxX:-1.0,maxY:-1.0,maxZ:0.0
YAxis(YLabels) YAxis类(在2.0.0之前是Ylabels),是一切与垂直轴相关的数据和信息的容器。每个 Line-, Bar-, Scatter or CandleStickChart都有一个左和一个右的YAxis对象,分别负责左边或者右边。RadarChart只有一个YAxis。默认,图表的所有轴在被绘制的时候都被绘制。 YAxis类允许对下面的组件或部分指定具体的样式: 标