chart.js

问题 I'm trying to include a line chart for some stock data in my django project using Chart.js. I can render a simple chart with the data I want just fine, but when I try to format the x-axis for date and time, the chart doesn't render anymore. Here's the working version of the file (client_small_market_view.html): {% load static %} <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script> <div id="container" class="chartjs-wrapper"> <canvas id="stock-chart" class=

问题 I'm trying to include a line chart for some stock data in my django project using Chart.js. I can render a simple chart with the data I want just fine, but when I try to format the x-axis for date and time, the chart doesn't render anymore. Here's the working version of the file (client_small_market_view.html): {% load static %} <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script> <div id="container" class="chartjs-wrapper"> <canvas id="stock-chart" class=

问题 I'm trying to include a line chart for some stock data in my django project using Chart.js. I can render a simple chart with the data I want just fine, but when I try to format the x-axis for date and time, the chart doesn't render anymore. Here's the working version of the file (client_small_market_view.html): {% load static %} <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script> <div id="container" class="chartjs-wrapper"> <canvas id="stock-chart" class=

问题 In Chartjs I have two plots, as shown here: var config = { type: 'line', data: { labels: [ "2017-07-03T01:05:00+0100", .... ], datasets: [ { label: "Consumption", fill: 'origin', pointRadius: 0, borderColor: "#0000ff", backgroundColor: "rgba(255,10,13,255)", data: [ 0.015625, 0.0199861111111, ... ], } , { fill: 'origin', label: "PV", pointRadius: 0, borderColor: "#ebf909", backgroundColor: "rgba(29,241,13,210)", data: [ 0.0, ..... ], } ] }, options: { responsive: true, title:{ display:true,

问题 In Chartjs I have two plots, as shown here: var config = { type: 'line', data: { labels: [ "2017-07-03T01:05:00+0100", .... ], datasets: [ { label: "Consumption", fill: 'origin', pointRadius: 0, borderColor: "#0000ff", backgroundColor: "rgba(255,10,13,255)", data: [ 0.015625, 0.0199861111111, ... ], } , { fill: 'origin', label: "PV", pointRadius: 0, borderColor: "#ebf909", backgroundColor: "rgba(29,241,13,210)", data: [ 0.0, ..... ], } ] }, options: { responsive: true, title:{ display:true,

问题 I have the problem with update chart js in angular. I am using for it ngrx store. In selector subscriber (run in ngOnInit) I tried update the chart data: this.yrSubscription = this.userDataStore.pipe(select(selectYrReport)) .subscribe(el => { el.sessions.forEach(item => { this.datasetsSessions[0].data.push(+item); }); }); And my chart data: datasetsSessions: ChartDataSets[] = [{ label: 'Sessions', data: [], fill: false }]; Register charts: private _registerCustomChartJSPlugin(): void {

问题 I have the problem with update chart js in angular. I am using for it ngrx store. In selector subscriber (run in ngOnInit) I tried update the chart data: this.yrSubscription = this.userDataStore.pipe(select(selectYrReport)) .subscribe(el => { el.sessions.forEach(item => { this.datasetsSessions[0].data.push(+item); }); }); And my chart data: datasetsSessions: ChartDataSets[] = [{ label: 'Sessions', data: [], fill: false }]; Register charts: private _registerCustomChartJSPlugin(): void {

问题 I was using a different chart on my site which was causing some issues so we migrated to chartjs. Everything works fine but I have one requirement which I cannot find in chartjs. In the site I am working on, the user gives an assessment and it shows the graph based on the assessment results. So in the assessment, there is a question "Are you feeling exacerbation?" If the user selects yes then in the graph it shows an image above that bar like below image. In the picture you can see "E" above

问题 I was using a different chart on my site which was causing some issues so we migrated to chartjs. Everything works fine but I have one requirement which I cannot find in chartjs. In the site I am working on, the user gives an assessment and it shows the graph based on the assessment results. So in the assessment, there is a question "Are you feeling exacerbation?" If the user selects yes then in the graph it shows an image above that bar like below image. In the picture you can see "E" above

来源： https://stackoverflow.com/questions/64275685/unable-to-change-y-axis-value-dynamically-based-on-data-for-stacked-bar-chart-in