【问题标题】:ChartJS set default axisChartJS 设置默认轴
【发布时间】:2014-09-15 03:34:39
【问题描述】:

我正在我的网站上开发 ChartJs,但问题是我无法设置折线图的轴,所以任何人都可以帮助解决这个问题吗?

这是我当前图表的视图:

这是我的图表代码:

var lineChartData = {
    labels : ["00:00","06:00","12:00", "18:00"],
    datasets : [{
        labels: "PR",
        fillColor : "rgba(247, 70, 74, 0.1)",
        //fillColor : "rgba(220,220,220,0.2)",
        strokeColor : "rgba(220,220,220,1)",
        pointColor : "rgba(220,220,220,1)",
        pointStrokeColor : "#FF0040",
        pointHighlightFill : "#fff",
        pointHighlightStroke : "rgba(220,220,220,1)",
        data : [65,59,90,81,56,55,40]
    }, {
        label: "QTY",
        fillColor : "rgba(0, 0, 255, 0.1)",
        //fillColor : "rgba(151,187,205,0.2)",
        strokeColor : "rgba(151,187,205,1)",
        pointColor : "rgba(151,187,205,1)",
        pointStrokeColor : "#0000FF",
        pointHighlightFill : "#fff",
        pointHighlightStroke : "rgba(151,187,205,1)",
        data : [28,48,40,19,96,27,100]
    }]
}

我想在图表上显示的是轴的值 在当前图表上显示 0,20,30,40,50,...,100

我希望它设置默认为 0,25%,50%,75%,100%

谁能帮我解决这个问题?

【问题讨论】:

    标签: javascript php jquery charts chart.js


    【解决方案1】:

    http://jsfiddle.net/qsosLya0/

    诀窍在于以下配置选项:

    var lineChartOptions = {
      scaleOverride: true,
      scaleSteps: 4,
      scaleStepWidth: 25,
      scaleStartValue: 0,
      scaleLabel: "<%=value%>%"
    };
    

    来源:http://www.chartjs.org/docs/#getting-started-global-chart-configuration

    【讨论】:

    • 我能再问你一次吗...如果我想在图表的右轴上添加一些值,这样我的图表有 2 个轴...一个带有百分比,另一个带有数据
    • 很遗憾,Chart.js 好像没有这个功能。
    • 是的,我同意...最近我发现了这个https://github.com/Wikunia/Chart.js/tree/Double-Y-Axis,所以我会试试这个双刻度
    猜你喜欢
    • 1970-01-01
    • 2015-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多