【问题标题】:Kendo chart with normal and Logarithmic scale具有正常和对数刻度的剑道图表
【发布时间】:2019-06-21 16:49:18
【问题描述】:

我正在尝试创建一个图表,左侧是正常的十进制刻度,右侧是对数刻度。

该示例大致显示了我的结果,唯一缺少的是在右侧的刻度上,我需要在确切的中间点显示 1000Hz 的值。 (360线)

function createTympaniHzChart() {
        $("#chart5").kendoChart({
            title: {
                text: "..."                                   

            },
            series: [{
                colorField: "valueColor",
                overlay: { gradient: "none" },
                border: {
                    width: 0,
                    color: ""
                },
                data: [
                    { value: 720, valueColor: "#C60C30" },
                    { value: 355, valueColor: "#FFBE25" },
                    { value: 340, valueColor: "#2EA1FF" }
                ]
            }],
            tooltip: {
                visible: true,
                format: "{0:0}",
                template: "#= value #°"
            },
            categoryAxis: {
                title: {
                    text: "Lorem Ipsum",                       
                    color: "#4D4D4D"
                },
                majorGridLines: {
                    visible: false
                },
                categories: ["A...", "B...", "C..."],
                line: {
                    visible: false
                },
                axisCrossingValues: [0, 10]
            },
            valueAxis: [{
                title: {
                    text: "° Insertion Depth",                        
                    color: "#4D4D4D"
                },
                max: 720,
                majorUnit: 180,
                line: {
                    visible: false
                },
                labels: {
                    format: "{0}°",
                    position: "start"

                }
            },
                {
                    title: {
                        text: "° Pitch (Hz)",                            
                        color: "#4D4D4D"
                    },
                    max: 10000,
                    min: 100,
                    majorUnit:9900,
                    reverse: true,
                    line: {
                        visible: false
                    },
                    labels: {
                        format: "{0}Hz",
                        position: "end"
                    }     

                }
            ]

        });
    }

还有其他方法可以添加这个值吗?

【问题讨论】:

    标签: charts kendo-ui logarithm


    【解决方案1】:

    我设法通过数据的自定义函数解决问题并将 type: "log" 属性添加到 valueAxis。

    将此添加到 valueAxis:

    data: fibonacciSequence()
    

    功能:

    function fibonacciSequence() {
    
            for (i = 100; i <= 10000; i = i * 10) {
    
                var fibAxisValues = [];
                fibAxisValues.push(i);
    
            }
            return fibAxisValues;
    
        }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-12
      • 1970-01-01
      相关资源
      最近更新 更多